如何在AG Grid中获取第一列并作为参数传递（附示例）

1. 从初始列定义数组直接获取 #

如果你已经提前定义了列配置数组（比如命名为columnDefs），直接取数组的第一个元素即可，这对应的是你初始设置的第一列：

const firstColumn = columnDefs[0];
// 之后就能把firstColumn作为参数传递使用

注意：这种方式不会考虑后续的列拖拽重排、列隐藏操作，拿到的是初始定义的列。

2. 获取当前界面显示的第一列（考虑动态调整） #

如果要拿到用户操作后界面上实际显示的第一列，用AG Grid提供的API方法：

// 通过gridApi获取所有当前显示的列，按界面展示顺序排列
const displayedColumns = gridApi.getAllDisplayedColumns();
// 取第一个元素就是当前显示的第一列
const firstDisplayedColumn = displayedColumns[0];

// 要是只需要列的字段名（field），可以这样取：
const firstColumnField = firstDisplayedColumn.getColDef().field;
// 还能获取列头名称、宽度等信息：
const firstColumnHeader = firstDisplayedColumn.getHeaderName();

3. 处理列组场景 #

如果你的表格用了列组，想要拿到顶层的组列第一列，用getRootColumns()方法：

const rootColumns = gridApi.getRootColumns();
const firstRootColumn = rootColumns[0];

内容的提问来源于stack exchange，提问作者Hitman