我是棱角分明的新手.
我正在开发一个包含API数据列表的项目.为此,我使用的是 library.
它工作正常.但是如果有25个条目,当我将限制设置为10并转到第三页时,其显示表有10行,其中5行为空.
我想删除这些空行.请帮忙.
我正在开发一个包含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>
附加屏幕截图作为参考.
解决方法
加
[substituteRows] = “假”
[substituteRows] = “假”
在tag.It将解决问题.
