删除数据表中的空行

发布时间：2020-12-17 17:47:07 所属栏目：安全来源：网络整理

导读：我是棱角分明的新手. 我正在开发一个包含API数据列表的项目.为此,我使用的是 library. 它工作正常.但是如果有25个条目,当我将限制设置为10并转到第三页时,其显示表有10行,其中5行为空. 我想删除这些空行.请帮忙. myclass.html div style="margin: auto; max-

我是棱角分明的新手.
我正在开发一个包含API数据列表的项目.为此,我使用的是 library.
它工作正常.但是如果有25个条目,当我将限制设置为10并转到第三页时,其显示表有10行,其中5行为空.
我想删除这些空行.请帮忙.

myclass.html

<div style="margin: auto; max-width: 1000px; margin-bottom: 50px;">
    <data-table id="persons-grid"
        headerTitle="Employees"
        [items]="items"
        [itemCount]="itemCount"
        (reload)="reloadItems($event)"

        (rowClick)="rowClick($event)"
        (rowDoubleClick)="rowDoubleClick($event)"
        [rowTooltip]="rowTooltip"
        >
        <data-table-column
            [property]="'name'"
            [header]="'Name'"
            [sortable]="true"
            [resizable]="true">
        </data-table-column>
        <data-table-column
            [property]="'date'"
            [header]="'Date'"
            [sortable]="true">
            <template #dataTableCell let-item="item">
                <span>{{item.date | date:'yyyy-MM-dd'}}</span>
            </template>
        </data-table-column>
        <data-table-column
            property="phoneNumber"
            header="Phone number"
            width="150px">
        </data-table-column>
        <data-table-column
            [property]="'jobTitle'"
            [header]="'Job title'"
            [visible]="false">
        </data-table-column>
        <data-table-column
            [property]="'active'"
            [header]="'Active'"
            [width]="100"
            [resizable]="true">
            <template #dataTableHeader let-item="item">
                <span style="color: rgb(232,0)">Active</span>
            </template>
            <template #dataTableCell let-item="item">
                <span style="color: grey">
                <span class="glyphicon glyphicon-ok" *ngIf="item.active"></span>
                <span class="glyphicon glyphicon-remove" *ngIf="!item.active"></span>
                </span>
            </template>
        </data-table-column>
    </data-table>
</div>

附加屏幕截图作为参考.

enter image description here

解决方法

加
[substituteRows] = “假”

在tag.It将解决问题.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!