我正在使用 react-virtualized 中的 Table 组件来渲染 1,000 行和 20 列的数据集。即使在阅读了 Table 的文档后和 Column经过一些实验后，我无法在表格中的单元格之间绘制边框。
示例来自react-virtualized有边框的仅包含 Grid 组件，例如 Grid和 CellMeasurer .
您认为Grid 的单元格实现与Table 似乎使用Flexbox 不同吗？请注意，在下图中，Grid 中的单元格“内容”占据整个单元格，而在 Table 中仅占据一部分。
最佳答案
Table 组件使用 Flexbox 布局，因此您仍然可以使用 Flex 样式执行您的目标。
例如，您可以指定 rowStyle={{alignItems: "stretch"}} 以便列填充行的整个高度。然后，如果您想要垂直居中列文本，可以指定 Column 属性 style={{display: "flex",alignItems: "center"}}。
(当然也可以使用 CSS 类来完成同样的操作。)
关于react-virtualized - 如何在 react 虚拟化表中的单元格之间绘制边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48543055/