ag-grid（反應）根據 state 動態更改 rowStyle

Question

我需要根據“狀態”更改幾行的 rowStyle

const [highlightRowData, setHighlightRowData] = useState(0);

可以說這會因網格外的某些用戶操作而動態更改。

這是我對 rowStyle 的實現：

const rowStyle = (params) => {
    if (params.data.someData === highlightRowData) {
      return { background: "red" };
    }
    return { background: "yellow" };
};

但此 state 更改並未反映在 rowStyle 中。

Answer 1

不確定您是否已經找到答案，但就像評論中提到的 Pavan 一樣 - 您可以在此鏈接https://www.ag-grid.com/javascript 中查看 ag-grid 文檔中描述的 gridApi.redrawRows() function -網格刷新/#redraw-rows 。

為了在這里實現您的目標，您需要在設置 highlightRowData state 后調用此 function。當您使用鈎子時，它可能看起來像這樣：

  useEffect(() => {
    // assume you have a gridApi reference here. If not yet, maybe you can hold it in a ref by useRef
    gridApi.redrawRows();
  }, [highlightRowData]);