如何在ag-grid中添加自定义行焦点类

// 定义列
const columnDefs = [
  { headerName: 'Name', field: 'name' },
  { headerName: 'Age', field: 'age' },
  { headerName: 'Country', field: 'country' }
];

// 定义数据源
const rowData = [
  { name: 'John', age: 25, country: 'USA' },
  { name: 'Jane', age: 30, country: 'Canada' },
  { name: 'Bob', age: 35, country: 'Australia' }
];

// 定义getRowClass回调函数
function getRowClass(params) {
  // 根据特定条件判断是否添加自定义焦点类
  if (params.node.rowIndex === 0) {
    return 'custom-focus';
  }
  return '';
}

// 创建ag-Grid实例
const gridOptions = {
  columnDefs: columnDefs,
  rowData: rowData,
  getRowClass: getRowClass
};

// 将ag-Grid实例绑定到DOM元素
const gridDiv = document.querySelector('#myGrid');
new agGrid.Grid(gridDiv, gridOptions);