PrimeNG 表 - 如何清除代码中的文本过滤器和 p 表

【问题标题】：PrimeNG Table - How to clear a text filter in code and a p-tablePrimeNG 表 - 如何清除代码中的文本过滤器和 p 表
【发布时间】：2021-02-12 10:12:35
【问题描述】：

一个多星期以来，我一直在努力解决这个问题。我似乎无法在不破坏过滤器的情况下清除它们。我需要一个按钮来清除屏幕上的所有过滤器，这样用户就不必一一进行。

这是我的示例代码的 stackblitz 链接。有谁知道如何使这项工作？我开始认为新的 PrimeNG 表过滤器过程中存在错误。

【问题讨论】：

【解决方案1】：

将您的 p-table 引用变量 #mydt 传递给您的 clear 函数，如下所示

app.component.html

<button pButton label="Clear Filters"  class="p-button-outlined" icon="pi pi-filter-slash" (click)="clear(mydt)"></button>

并使用table.clear() 方法

app.component.ts

clear(table: Table) {      
   table.clear();
}

我已经更新了你的stackblitz：

【讨论】：

感谢您的回复，但是此解决方案也不起作用。如果您转到您的 stackblitz 链接并选择设置过滤器，然后选择清除过滤器，然后尝试按名称过滤，您将看到名称过滤器不起作用，并且国家过滤器也已损坏。