Question

我正在寻找有关固定数据表的示例。

https://facebook.github.io/fixed-data-table/

我想要一些这些专业：

- 添加，删除或更新行。

- 可编辑细胞。

我找不到关于这些特殊性的文档。你能建议任何文档或例子吗？

Answer 1

在此文档中：http://facebook.github.io/fixed-data-table/#basic-example

您会注意到rows对象是表所采用的数据数组。如果将其存储在组件的状态中（或者甚至更好地存储在Redux等数据存储中），则在从阵列中添加，删除或更新该行时，该表应自动更新。表本身不提供任何此功能，因为它超出了项目的范围。它所做的就是有效地处理大量数据并很好地呈现它，因此您不必担心CSS。

简而言之，您必须添加功能来操作表所依赖的基础数据。

Answer 2

使用固定数据的好处是可以操作数组或对象上的整个表。

我假设你正在研究React。如果你提到这一点会好的。请考虑以下代码

`
<Table 
    rowHeight={40}
    rowsCount={this.state.data.length} //source of the table
    width={900}
    height={300}
    headerHeight={50}
/>
  `

rowsCount将等于＆＃39; data＆＃39;中的条目数。要增加按钮上的行，请单击

`<Button onClick={this.handleClick}`

这将向表中添加一个新行，并且因为只要有setState就会调用render方法，所以新行将添加到表中。

`handleClick=()=>{
    this.setState({data:[...this.state.data,[]]})
}`

同样的原则适用于删除。您只需删除索引并执行setState。

固定数据表

2 个答案: