ag-grid 保持排序图标可见

Question

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

是否有更改此行为的选项？

这就是我定义 header 列的方式：

@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' 和所有其他启用排序的列的区别了吗？对于 Year 列，应用了 unSortIcon: true。

ag-grid 保持排序图标可见

ag-grid keep sort icons visible

javascript

css

ag-grid

angular