【问题标题】:Angular + PrimeNG: clear datatable INDIVIDUAL column sorting and filtering ( table.reset() works but it resets all table sorting/filtering )Angular + PrimeNG:清除数据表 INDIVIDUAL 列排序和过滤( table.reset() 有效,但它会重置所有表排序/过滤)
【发布时间】:2022-10-02 05:42:14
【问题描述】:

下面的代码有效,但它重置了所有数据表过滤器和排序,我试图完成的是只重置这个特定的列(名称)排序和过滤,所以如果另一列被排序(通过多个排序选项)我不希望它被重置。

非常感谢对此进行修复。

谢谢你。

HTML:

    <th pSortableColumn=\"name\">
        <div class=\"p-d-flex p-jc-between p-ai-center\">
        Name
        <p-sortIcon field=\"name\"></p-sortIcon>
        <p-columnFilter #name type=\"text\" field=\"name\" display=\"menu\" class=\"p-ml-auto\"></p-columnFilter>
        <button pTooltip=\"Clear Column Filters\" (click)=\"clearColumn($event, name)\" type=\"button\" class=\"p- column-filter-clear-button p-link ng-tns-c78-13 ng-star-inserted\">
            <span class=\"pi pi-filter-slash ng-tns-c78-13\"></span>
        </button>
        </div>
    </th>

TS:

clearColumn(event: any, name: any){

    event.stopPropagation();

    name.dt.reset();

}

    标签: angular sorting datatable filtering primeng


    【解决方案1】:

    您可以删除过滤器并刷新表格:

    delete table.filters[field]
    table._filter()
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-04-04
      • 1970-01-01
      • 1970-01-01
      • 2020-01-22
      • 1970-01-01
      • 1970-01-01
      • 2017-02-03
      • 2014-02-25
      相关资源
      最近更新 更多