关注专栏 - Ag Grid React

Question

当我们在 Ag-grid 中有 200 列并且用户想要查找特定列时，通常它是通过滚动并查找该列来完成的，但是拥有 200 多列会很烦人。

所以我们需要开发和搜索框来搜索我们滚动的列名并将焦点设置在给定的列上。

我试过的

以下代码确实关注但仅关注可见列，如果我必须关注第 100 列它不起作用

gridRef.current.api.setFocusedCell(0,gridRef.current.columnApi.columnModel.getAllDisplayedColumns()[10]);

Answer 1

您可以使用以下方法ensureColumnVisible来确保该列可见。

const allColumns = params.columnApi.getAllColumns();
console.log(allColumns);
params.api.ensureColumnVisible(allColumns[allColumns.length - 1].colId); // <- changed here

forked stackblitz