javascript - Material 表获取和设置过滤器值

Question

如何使用 material-table 以编程方式获取和设置过滤器值？

我希望用户能够将过滤器配置保存为报告并根据需要调用它们。

Answer 1

获取与更改 Hook 的作品:

onFilterChange={(filters) => {
  console.log('onFilterChange', filters);
}}

结果是每列过滤器定义的数组，如下所示:

[
// [...]
  {
    "column": {
      "title": "Date",
      "field": "file_date",
      "type": "date",
      "tableData": {
        "columnOrder": 3,
        "filterValue": "2020-11-10T15:20:00.000Z",
        "groupSort": "asc",
        "width": "...", // lots of css calc stuff... :(
        "additionalWidth": 0,
        "id": 4
      }
    },
    "operator": "=",
    "value": "checked"
  }
]

在挂载上设置过滤器可以/应该在每个列定义中与 defaultFilter 一起使用。