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

jlr*_*a81 5 reactjs material-table

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

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

Ida*_*dan 3

您可以使用tableRefonSearchChanged道具

这似乎很有效:

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

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

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