Ag-grid 在單元格中渲染多行

Question

我是 Ag-grid（React 版本）的新手，在使用 Ag-Grid 渲染單元格中的多行時遇到了問題。

這是我們通過 React Table 所做的，但我們希望在 Ag-grid React 版本中做同樣的事情。

有誰知道我該怎么做？

我真的很感謝你的幫助。

Answer 1

看看這個文檔： Row Spanning Complex Example

您可以使用rowSpan的財產ColDef ，同時為您提供價值ColDef 。 為兩列提供rowSpan 1 （屏幕截圖中的第 2 和第 3 列），有條件地為第 4 列提供1或2 ，為其他列提供2 。

colDef = [
  { field: 'field1', rowSpan: 2, /* other props */ },
  { field: 'field2', rowSpan: 1, /* other props */ },
  { field: 'field3', rowSpan: 1, /* other props */ },
  { field: 'field4', /* other props */, 
    rowSpan: (params) => {
      return  // your condition which decides rowSpan
    }
  },
  { field: 'field5', rowSpan: 2, /* other props */ },
  { field: 'field6', rowSpan: 2, /* other props */ }
];

ag-grid行跨越也有一些限制。 確保你也檢查了這一點： 約束與行跨越