griddle-react:如何从设置菜单外部化行设置

Question

我想从Griddle中的单独设置菜单中分离行设置。

DataTables库在其主页上有一个很好的示例。我本质上是想重新创建DataTables布局，但使用的是Griddle库

https://www.datatables.net/

http://griddlegriddle.github.io/Griddle/quickstart.html

Answer 1

有没有可能在Griddle之外创建另一个组件来控制每页的结果？

示例：

render() {
  <div>
    <SomeSelectComponent onChange={this.setRowsPerPage} >
      ...
    </SomeSelectComponent>
    <Griddle ... rowsPerPage={this.state.rowsPerPage}/>
  </div>
}

setRowsPerPage(value) {
  this.setState({rowsPerPage: value})
}

这并不理想，我们一直在努力使其更好地实现，使实现者可以自定义所有组件/渲染结构，甚至将Griddle不知道的组件抛入它的渲染中。我们已经将渲染逻辑从网格的状态中分离出来，这允许一些更好的定制。