Javascript 如何清除ngx数据表中的排序图标?

Javascript 如何清除ngx数据表中的排序图标?,javascript,html,css,angular,ngx-datatable,Javascript,Html,Css,Angular,Ngx Datatable,我在Angular 5.0中使用ngx datatable,并在后端执行服务器端分页和排序时,将externalSorting设置为true来实现排序。我有一个按钮,点击后,将表中的数据重置为加载时显示的数据,这样在完成一系列排序后,用户可以重置为原始视图。它按预期工作,但是我不知道如何清除列标题中的排序图标。有办法做到这一点吗?解决方案最终是创建对ngx datatable元素的引用,并将排序数组设置为空数组 HTML示例: <ngx-datatable #table class=

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

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

HTML示例:

<ngx-datatable #table
   class="material"
   [columns]="cols"
   [rows]="rows"
>
@ViewChild(DatatableComponent) table: DatatableComponent;

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