Ag grid AG网格工具面板的柱部分是否有移动柱的方式?

Ag grid AG网格工具面板的柱部分是否有移动柱的方式?,ag-grid,ag-grid-react,Ag Grid,Ag Grid React,我对ag grid非常陌生。我正在搜索一种在工具面板的“列”选择中对列进行排序的方法。(另请参见下图,这是官方文档的剪贴画:) 图片: 我知道在网格中通过拖放对列进行排序是可能的。对于这种情况,我设置了选项defaultColDef:{sortable:true}(),这也将与工具面板中的列表同步 但是我的特殊用例的原因是:水平滚动和排序20-30个整列比垂直排序名称列表更难,就像前面提到的工具面板一样。这就是为什么我试图在工具面板中使用拖放事件之类的东西对列进行排序/重新排序。但是我找不到访问

我对ag grid非常陌生。我正在搜索一种在工具面板的“列”选择中对列进行排序的方法。(另请参见下图,这是官方文档的剪贴画:)

图片:

我知道在网格中通过拖放对列进行排序是可能的。对于这种情况,我设置了选项
defaultColDef:{sortable:true}
(),这也将与工具面板中的列表同步

但是我的特殊用例的原因是:水平滚动和排序20-30个整列比垂直排序名称列表更难,就像前面提到的工具面板一样。这就是为什么我试图在工具面板中使用拖放事件之类的东西对列进行排序/重新排序。但是我找不到访问columns工具面板api之类的东西的方法


我还在
aggrid
企业支持中找到了一个条目,我的用例被称为to complex特性,但这篇文章已经有两年了。我在他们的管道中再也找不到这个功能的票号了。(另请参见:)

由于我们最近购买了Ag Grid的企业许可证,也遇到了这个问题,我就此事直接与他们联系。这是一个在他们的产品待办事项中被跟踪的项目(还没有预定的发布-搜索4139)。同时,我必须通过实现我自己的拖放重新排序列表和Ag网格列API moveColumn(colKey,toIndex)方法的组合来解决这个问题。(). 关于拖放列表,有很多选项,但是我们使用了角度材质UI,这非常简单。在上面的material UI链接中,它们提供了一个代码示例dropevent处理程序,该处理程序与Ag列API结合在一起,如下所示:

drop(event: CdkDragDrop<string[]>) {
  moveItemInArray(this.movies, event.previousIndex, event.currentIndex);
  columnApi.moveColumn(colKey, event.currentIndex); // this is the Ag Grid column api
}
drop(事件:CdkDragDrop){
moveItemInArray(this.movies、event.previousIndex、event.currentIndex);
columnApi.moveColumn(colKey,event.currentIndex);//这是Ag网格列api
}

这不是最好的解决方案,但在他们实现该功能之前,这是一个权宜之计。

如果你喜欢我的答案/它有效,你能接受它吗?因此我知道,否则我会删除它,这样我就不会浪费其他人的时间想看到这个问题的答案(他们可能有类似的问题)@MontresorXPL谢谢,但你的建议解决了另一个用例。它用于切换一个或多个列的可见性。(另见:)这不是我想要的。我想在工具面板的内列部分对列进行排序,但找不到正确的api或事件处理程序。谢谢,没关系