标签: ag-grid-react

我想找出在 Ag-Grid 中编辑了哪一行？我只想保存那些被编辑的行？那么有什么方法可以让我找出编辑了哪一行？

我想在时间列定义中为 reactjs 中的 ag-grid 表列添加一个按钮。而 onclick 我需要调用一个类函数。我想创建 onclick 事件并将 params 值传递给函数并从那里进行 api 调用。

columnDefs = [{
    ..... {
      headerName: "View",
      field: "id",
      sortable: false,
      filter: false,
      colId: "view",
      cellRendererFramework: function(params) {
        return <Button onclick = {
          this.handleClick
        } > Test < /Button>
      },

    },
    ......
  ];
}
handleClick() {
  console.log("some API call and state change");
}



render() {

    return ( <
      div >
      <
      div id = "myGrid"
      style = {
        {
          height: "100%",
          width: "100%"
        }
      }
      className = …

我需要在单击按钮时隐藏 VAD 组列。请帮我。

我已经修改了带有键的选择示例以与 React 一起使用。但是，只要我按下箭头键，应用程序就会在下面的代码中崩溃：

const [gridApi, setGridApi] = useState<GridApi | undefined>();

const handleGridReady = (event: GridReadyEvent) => {
  setGridApi(event.api);
  setGridColumnApi(event.columnApi);
};

const keyboardNavigation = (params: NavigateToNextCellParams): CellPosition => {
    if (gridApi === undefined) {
        throw new Error('This should never happen!');
    }
    ...
};

我在按下任何键之前设置gridApiusing onGridReady（通过添加 a 确认console.log）。所以我不知道它是如何得到的undefined。

我的完整源代码在这里。

我试图在ag网格中突出鼠标上的一行.我正在使用React框架.React单元样式示例都与有条件的渲染样式有关,但没有一个与鼠标悬停的样式集中在一起.我关注的链接是链接

我还检查了他们提到的使用ag-row-hover类的github上的答案.我应该在哪里渲染这个css类？