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

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