【发布时间】：2017-08-05 03:59:42
【问题描述】：
在 HTML 中，如果我希望一个表格元素跨越多个列，我可以使用 colSpan 属性来说明该列的宽度。
我正在创建一个带有表格视图的 React Native 应用程序，并且需要复制此功能。是否有任何现有的具有类似 colSpan 功能的 React Native 表格组件？
【问题讨论】：
标签： reactjs react-native html-table
【发布时间】：2017-08-05 03:59:42
【问题描述】：
你可以使用https://www.npmjs.com/package/react-native-table-component
查看文档中的示例 3，并注意如何使用 flexArr 属性为第 2 列提供相对于其他列的相对大小。
您也可以只使用基本的 flexbox 概念来自己实现一个类似于布局的表格https://hashnode.com/post/really-responsive-tables-using-css3-flexbox-cijzbxd8n00pwvm53sl4l42cx
【讨论】：
-
flexArr允许我编辑单个列的宽度（基于链接示例），但它可以用于编辑单个单元格的宽度吗？ -
您可以在每一行上使用 flexArr。大多数行将具有一组 flexArr 数组，但具有 colspan 的行将具有具有较少元素的 flexArr 数组。因此，例如大多数行上的 1,1,1，但一行上的 1,2 会使第二列中的单元格占用第二列和第三列的空间。我使用这种方法对列的相应 flex 值数字求和，以制作一个 colspan 道具，它就像 HTML 一样工作（我的 RowHelper 组件使用重新计算的 flexArr 调用 Row 组件）。