如何获取 ReactJS Material-table 搜索结果计数

Question

我正在为我的项目使用 Material-table (https://material-table.com/#/)。我一直在尝试找出在使用过滤器或搜索操作时是否有办法检索搜索结果计数。我查看了所有示例和属性，但看不到任何检索此信息的方法。

比如我一共有100行数据，在"Whosebug"上过滤...如果结果列表returns现在渲染的50行数据，怎么办我得到了“50”？

Answer 1

您可以使用 tableRef 和 onSearchChanged 道具

这似乎很有效：

const tableRef = React.useRef();
...
<MaterialTable
      tableRef={tableRef}
      onSearchChange={() => {
        console.log(tableRef.current.DataManager.filteredData.length);
      }}.....

您还可以在其他几个路径中找到过滤后的数据：

tableRef.current.DataManager.data
tableRef.current.state.data

如何获取 ReactJS Material-table 搜索结果计数

How to get ReactJS Material-table search results count

reactjs

material-table