如何在 Facebook 的 FixedDataTable 中设置灵活的行高？

Question

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

Answer 1

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

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

Answer 2

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