reactjs - 如何获取 ReactJS 材料表搜索结果计数

Question

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

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

标签： reactjsmaterial-table

Answer 1

你可以使用tableRefandonSearchChanged道具

这似乎很有效：

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

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

1. tableRef.current.DataManager.data
2. tableRef.current.state.data