javascript - 使用 react-window 或 react-virtualized 渲染 CSV 数据

Question

我正在尝试使用 react-window 呈现 CSV 数据（sampleCSVData）。我正在使用“，”拆分数据，然后尝试将其填充到 Cell 组件中。为了正确填充 Cell 组件，我需要一个像 0,1,2,3,4,5... 这样的系列，它应该在 13 次计数后更改为新行。我无法弄清楚这段代码：

请参阅此代码沙箱。

const Cell = ({ columnIndex, rowIndex, style }) => {
  return (
    <div
      className={
        columnIndex % 2
          ? rowIndex % 2 === 0
            ? "GridItemOdd"
            : "GridItemEven"
          : rowIndex % 2
          ? "GridItemOdd"
          : "GridItemEven"
      }
      style={style}
    >
      {rowIndex} {columnIndex} - {finalData[columnIndex]}
    </div>
  );

目前的结果：

预期结果： 或

目前，我正在使用下面的代码来渲染表格，它工作正常，但效率不高。

<CsvToHtmlTable
  data={sampleCSVData.slice(sampleCSVData.search(",result"), pingData.length)}
  csvDelimiter=","
  />