Ag grid 对列标题上的多个列进行排序在ag网格中单击

在文档中，排序api即列api方法“applyColumnState”用于在外部按钮单击时对多个列进行排序

但是我们可以在一个列标题上对多个列进行排序吗

例如，在A列标题单元格上单击“我希望A列按降序排序，B列按升序排序”。这可能吗？

来自文档：

您可以使用ColumnState API逐个手动对多个列进行排序：

gridOptions.columnApi.applyColumnState({
    state: [
      { colId: 'country', sort: 'asc', sortIndex: 0 },
      { colId: 'sport', sort: 'asc', sortIndex: 1 },
    ],
    defaultState: { sort: null },
  });

如果您想单击一个标题并对另一个标题进行排序，可以禁用对相关标题的排序，听一听单击，然后执行上面的

applyColumnState

以手动排序

您可以通过在

.ag header单元格

类（）上添加一个监听器，或通过创建自己的header组件来侦听对标题的单击，该组件将使用列定义上的

headerComponentFramework

触发您想要的任何函数：

headerComponentFramework: (params) =>{
 return (
  <div>
   .....
  </div>
 )
} 

header组件框架：（参数）=>{
返回(
.....
)
}