将一行移动到顶部/底部或任何索引 ag-grid 反应处

Question

我一直在尝试将特定行移动到网格的顶部，但找不到任何解决方案。网格中有一个默认功能(拖动行(，在这种情况下不需要。我使用单元格渲染器添加了一个按钮，然后单击该按钮，该行应移至顶部。

{
headerName: "", field: "move",
cellRenderer: (params) => {
let eGui = document.createElement('div');
let imageElement = document.createElement("img");
imageElement.src = moveTopIcon;
eGui.appendChild(imageElement);
eGui.addEventListener('click', e => {
//code to move the row
});
return eGui;
}
}

下面是放置按钮的列定义。

Answer 1

我不确定 AG-Grid 是否有一些钩子来做到这一点;

但是您可以使用以下方法实现：

单击按钮：使用事件处理程序获取您单击的项目并修改行数据，使其位于顶部(索引 = 0(。让我知道这是否有帮助。