Javascript 固定数据表

Javascript 固定数据表,javascript,jquery,twitter-bootstrap,jquery-ui,reactjs,Javascript,Jquery,Twitter Bootstrap,Jquery Ui,Reactjs,我正在寻找关于固定数据表的示例 我想要一些特色菜: -添加、删除或更新行 -可编辑单元格 我找不到关于这些特产的文档。你能推荐一些文档或示例吗?在这里的文档中: 您会注意到,行对象是表获取的数据数组。如果将其存储在组件的状态中(或者更好地存储在诸如Redux之类的数据存储中),则当您从数组中添加、删除或更新该行时,表应该自动更新。表本身不提供任何此类功能,因为它不在项目范围内。它所做的一切就是高效地处理大量数据的呈现,并将其很好地呈现出来,这样您就不必担心CSS了 简而言之,您必须添加对表所依

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

我想要一些特色菜:

-添加、删除或更新行

-可编辑单元格

我找不到关于这些特产的文档。你能推荐一些文档或示例吗?

在这里的文档中:

您会注意到,
对象是表获取的数据数组。如果将其存储在组件的状态中(或者更好地存储在诸如Redux之类的数据存储中),则当您从数组中添加、删除或更新该行时,表应该自动更新。表本身不提供任何此类功能,因为它不在项目范围内。它所做的一切就是高效地处理大量数据的呈现,并将其很好地呈现出来,这样您就不必担心CSS了


简而言之,您必须添加对表所依赖的基础数据进行操作的功能。

使用固定数据的优点是,您可以在数组或对象上操作整个表

我假设你正在研究React。如果你能提到这一点,那就太好了。 考虑下面的代码

`
<Table 
    rowHeight={40}
    rowsCount={this.state.data.length} //source of the table
    width={900}
    height={300}
    headerHeight={50}
/>
  `
同样的原则也适用于删除。您只需删除索引并执行setState

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