在排序时调整 Angular ag-grid 中的列 headers

Question

当我单击 header 行对列进行排序时，它会向 header 添加一个 up/down 箭头，位于 header 文本的右侧。这使得 header 文本被截断。

有没有办法让 header 宽度自动调整大小以适应排序时添加的 up/down 箭头？

Answer 1

为列指定固定宽度，使其可以同时容纳文本和箭头图标 -

{ headerName: 'Col C', field: 'c', width: 100, editable: false, filter: 'agTextColumnFilter' }