将 Manual 属性添加到 react-table 禁用内部排序和过滤器

Question

向 react-table 添加手动属性会禁用 react-table 6.8.6 版本中的内部排序和过滤功能。我如何处理这个问题以使用服务器端分页在内部进行过滤和排序？

<ReactTable 
  manual 
  filterable={true} 
/>

Answer 1

当你在ReactTable中设置手动时，表示你在服务器端处理排序、过滤功能。在这种情况下，您必须使用以下回调。 More detail, check here

  onPageChange={(pageIndex) => {...}} 
  onPageSizeChange={(pageSize, pageIndex) => {...}}
  onSortedChange={(newSorted, column, shiftKey) => {...}} 
  onFilteredChange={(column, value) => {...}}

您可以查看此沙盒以获取示例 here

将 Manual 属性添加到 react-table 禁用内部排序和过滤器

Adding Manual prop to react-table disables internal sort and filter

reactjs

react-table