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

Question

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

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

Answer 1

您可以使用 tableRef 和 onSearchChanged Prop

这似乎很有效:

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

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

tableRef.current.DataManager.data

tableRef.current.state.data