0

当我使用Angular的primeng的DataTable单击文本或按钮时,我想显示列过滤器。

这是我的桌子的初始状态。

在此处输入图像描述

当我点击文本“启用”时,我会看到:

在此处输入图像描述

如果我单击“禁用”按钮,过滤器将再次被隐藏。

默认情况下,过滤器的初始状态是隐藏的:

<p-dataTable [value]="registers" expandableRows="true" [rows]="4" [paginator]="true" [pageLinks]="50" [rowsPerPageOptions]="[10]">
    <p-column styleClass="col-icon"></p-column>
    <p-column field="time" header="Timestamp" [filter]="false"></p-column>
    <p-column field="name" header="Name" [filter]="false"></p-column>
    <p-column field="surname" header="Surname" [filter]="false"></p-column>
    <p-column field="city" header="City" [filter]="false"></p-column>
</p-dataTable>
4

0 回答 0