ag Grid - 将列运动联系在一起
agGrid - Tie column movement together
我正在使用 agGrid 来显示一些数据。我有两个专栏,我想 "tie" 放在一起。如果我移动一列,我希望它能随之移动第二列。
我知道您可以通过将列分组到一个 header 下,然后在 header 上设置 marryChildren 标志来做到这一点。但是,我不想要 header,所以这个解决方案对我不起作用。
有没有办法在不为它们创建 header 的情况下对列进行分组并结合它们?
这有点刺耳...但这里有一个选项供您选择:
https://plnkr.co/edit/MQwRLl07xp53dMuEWcGr?p=preview
相关代码:
onColumnMoved(params){
if (params.column.colId === 'sport'
&& params.columnApi.getDisplayedColBefore(params.column).colId != 'athlete'){
params.columnApi.moveColumn('athlete',params.toIndex - 1)
}
if (params.column.colId === 'athlete'
&& params.columnApi.getDisplayedColAfter(params.column).colId != 'sport'){
params.columnApi.moveColumn('sport',params.toIndex + 1)
}
}
我正在使用 agGrid 来显示一些数据。我有两个专栏,我想 "tie" 放在一起。如果我移动一列,我希望它能随之移动第二列。
我知道您可以通过将列分组到一个 header 下,然后在 header 上设置 marryChildren 标志来做到这一点。但是,我不想要 header,所以这个解决方案对我不起作用。
有没有办法在不为它们创建 header 的情况下对列进行分组并结合它们?
这有点刺耳...但这里有一个选项供您选择:
https://plnkr.co/edit/MQwRLl07xp53dMuEWcGr?p=preview
相关代码:
onColumnMoved(params){
if (params.column.colId === 'sport'
&& params.columnApi.getDisplayedColBefore(params.column).colId != 'athlete'){
params.columnApi.moveColumn('athlete',params.toIndex - 1)
}
if (params.column.colId === 'athlete'
&& params.columnApi.getDisplayedColAfter(params.column).colId != 'sport'){
params.columnApi.moveColumn('sport',params.toIndex + 1)
}
}