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

问题描述

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

请参阅此Code Sandbox。

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=","
  />

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）