如何摆脱 PrimeNG 数据表中的 'No records found message'?
How to get rid of the 'No records found message' in PrimeNG datatable?
我使用 PrimeNG 创建了一个数据 table。我刚刚为数据创建了 2 个标题table。我实际上会从服务器获取数据,因此如果没有数据我不希望显示默认值 'No records found message'。
如果 table 中没有数据,我希望 table 为空。
请看一下我在下面创建的 table:
<p-dataTable>
<p-headerColumnGroup >
<p-row>
<p-column header="Weekday"></p-column>
<p-column header="Set Class Time"></p-column>
</p-row>
</p-headerColumnGroup>
</p-dataTable>
您可以使用 emptyMessage
属性 覆盖此消息:
<p-dataTable emptyMessage="">
...
</p-dataTable>
编辑:
如果不想看到边框,用CSS隐藏ui-datatable-emptymessage
class。顺便说一句,在那种情况下你不需要再使用 emptyMessage
属性。
.ui-datatable-emptymessage {
display:none;
}
我使用 PrimeNG 创建了一个数据 table。我刚刚为数据创建了 2 个标题table。我实际上会从服务器获取数据,因此如果没有数据我不希望显示默认值 'No records found message'。
如果 table 中没有数据,我希望 table 为空。
请看一下我在下面创建的 table:
<p-dataTable>
<p-headerColumnGroup >
<p-row>
<p-column header="Weekday"></p-column>
<p-column header="Set Class Time"></p-column>
</p-row>
</p-headerColumnGroup>
</p-dataTable>
您可以使用 emptyMessage
属性 覆盖此消息:
<p-dataTable emptyMessage="">
...
</p-dataTable>
编辑:
如果不想看到边框,用CSS隐藏ui-datatable-emptymessage
class。顺便说一句,在那种情况下你不需要再使用 emptyMessage
属性。
.ui-datatable-emptymessage {
display:none;
}