javascript - ag-grid 保持排序图标可见

Question

我希望排序图标始终在表标题列中可见。但是 ag-grid 的默认行为是在我单击任何标题时隐藏图标(.ag-header-cell-sorted-asc，.ag-header-cell-sorted-desc)标签。

是否有任何选项可以改变这种行为？

这就是我定义标题列的方式:

@Component({
  selector: 'test-list',
  templateUrl: './test-list.component.html'
})
export class TestListComponent {
    public columnDefs = [
        { headerName: 'Test', field: 'test', minWidth: 150, sort: 'asc' },
        { headerName: 'Test1', field: 'test1', minWidth: 150, sort: 'desc'},
        { headerName: 'Test2', field: 'test2', minWidth: 250 }
      ];
}

Answer 1

您是在谈论 unSortIcon 吗？

{
        headerName: "Year",
        field: "year",
        width: 90,
        unSortIcon: true
},

看看下面来自 ag-grid 的 plunker 示例

https://plnkr.co/edit/FylOQ5cAD9id4LbgI3NN?p=preview

看到“年份”列和所有其他启用排序的列之间的区别了吗？对于年份列，应用了 unSortIcon: true。