如何禁用React-Table跳转页面输入的编辑？

Question

我正在 react-table 上工作，我想禁用 table 的页面输入。

如上图所示。我想禁用该输入。我该怎么做？

这是生成反应的代码table:

<Table className="-striped"
     columns={this.columns}
     data={this.props.stockItems}
     defaultPageSize={10}
     defaultFilterMethod={this.filterCaseInsensitive}
     />

Answer 1

根据react-table@v6 documentation。您可以将 showPageJump 布尔属性设置为 false 以禁用跳转到页面输入。

<Table className="-striped"
       columns={this.columns}
       data={this.props.stockItems}
       defaultPageSize={10}
       defaultFilterMethod={this.filterCaseInsensitive}
       showPageJump={false}
/>

如何禁用React-Table跳转页面输入的编辑？

How to disable editing of React-Table jump page input?

reactjs

react-table