如何获取 ReactJS 材料表搜索结果计数答案

【问题标题】：How to get ReactJS Material-table search results count如何获取 ReactJS 材料表搜索结果计数
【发布时间】：2023-03-08 15:56:01
【问题描述】：

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

例如，如果我总共有 100 行数据，并在“stackOverflow”上进行过滤...如果结果列表返回现在呈现的 50 行数据，我如何获得“50”？

【问题讨论】：

尝试获取表子列表。
如何从组件外部访问过滤后的表格内容？
试试这个：this.dataSource.filteredData.length
我正在使用功能组件，因此没有可用的“this”。材料表数据由填充，其中 tabData 表示状态变量。此变量不会在过滤器/搜索时更新。你从哪里得到 dataSource.filteredData.length ？

标签： reactjs material-table

【解决方案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

【讨论】：