如何在 Facebook 的 FixedDataTable 中制作灵活的行高？

【问题标题】：How to make flexible row height in FixedDataTable from Facebook?如何在 Facebook 的 FixedDataTable 中制作灵活的行高？
【发布时间】：2016-07-10 20:51:47
【问题描述】：

就是这样。我有很多数据，我不知道我应该使用什么高度。反正有没有让高度灵活？我听说过 RowHeightGetter，但我不知道如何使用它。你能给我一些例子吗？谢谢

【问题讨论】：

标签： javascript reactjs fixed-data-table

【解决方案1】：

正常设置你的rowHeight，但也设置一个rowHeightGetter。下面是一个将行高设置为我们行中某个数组长度的函数的示例。另一个例子是使用一些字符串的长度来设置行高。

<ResponsiveFixedDataTable 
  headerHeight={50}
  rowsCount={data.length}
  rowHeight={66}
  rowHeightGetter={(rowIndex) => Math.max(66, data[rowIndex][2].length * 22)}
>

【讨论】：

谢谢例如。如果计算基于具有最多字符的字段会更好。

【解决方案2】：

使用包装单元格内容的元素的offsetHeight，而不是更精确的字符数。

【讨论】：