如何清除ngx-datatable中的排序图标?

时间:2018-04-30 15:20:39

标签: javascript html css angular ngx-datatable

我在Angular 5.0中使用ngx-datatable并且我正在实现排序,并将externalSorting设置为true,因为我在后端进行服务器端分页和排序。我有一个单击按钮,将表中的数据重置为加载时显示的数据,这样当一堆排序完成后,用户可以重置为原始视图。它按预期工作,但我不知道如何清除列标题中的排序图标。有没有办法做到这一点?

1 个答案:

答案 0 :(得分:1)

最终解决方案是创建对ngx-datatable元素的引用,并将sorts数组设置为空数组。

示例HTML:

<ngx-datatable #table
   class="material"
   [columns]="cols"
   [rows]="rows"
>

和TypeScript:

@ViewChild(DatatableComponent) table: DatatableComponent;

reset() {
    this.table.sorts = [];
}