ag-grid React 运行 每次渲染

Question

我要重新运行

            headerComponentFramework: (params) => {
                console.log('xxx');
            },

每次数据值改变

      <AgGridReact
                defaultColDef={defaultColDef}
                rowData={data}
                columnDefs={columnDefs}
            />

Answer 1

要刷新 header，可以使用网格 API 方法 refreshHeader。

要在数据变化时刷新一个header，可以监听以下Grid事件：onCellValueChanged、onRowDataChanged和onRowDataUpdated.

查看 following plunkr 中的实现。

  const rowDataChanged = (params) => {
    console.log('rowDataChanged');
    params.api.refreshHeader();
  };

  const rowDataUpdated = (params) => {
    console.log('rowDataUpdated');
    params.api.refreshHeader();
  };

  const cellValueChanged = (params) => {
    console.log('cellValueChanged');
    params.api.refreshHeader();
  };