渲染将填满全宽的表格列。

【问题标题】：Render table columns that will fill full width.渲染将填满全宽的表格列。
【发布时间】：2023-03-25 04:40:01
【问题描述】：

想象窗口宽度为 1000 像素。四个 100 像素宽的文本列。我想让列增长到 250 像素以填充全宽。

我正在使用 AutoSizer 和 MultiGrid。

【问题讨论】：

【解决方案1】：

Column docs 应该有足够的信息让您完成此操作。基本上你想要这样的东西：

<Table width={1000} {...props}>
  <Column
    label='Name'
    dataKey='name'
    flexGrow={1}
    width={100}
  />
  {/* other columns ... */}
</Table>

【讨论】：

【解决方案2】：

与其使用插件，不如使用 flexbox 定位您的项目。你可以在这里学习： http://flexboxfroggy.com/

【讨论】：

这个答案可能是切线的。出于性能原因，存在诸如 react-virtualized 之类的库以限制呈现到页面的数据量。我假设 OP 正在询问反应虚拟化组件中的布局，因为他的应用程序关注的问题之一是性能。 Flexbox 非常适合布局，但没有解决更重要的性能限制。