Angular 4 - 使用Angular中的primeng DataTable显示/隐藏过滤器

Question

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

这是我桌子的初始状态。

当我点击文字＆＃34;启用＆＃34;时，我会看到：

如果我点击按钮＆＃34;禁用＆＃34;再次过滤器将被隐藏。

默认情况下隐藏过滤器的初始状态：

<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>