material-table - 如何设置多客户过滤器以协同工作

Question

我已经实现了一个带有过滤器的角度表，每列都有自己的过滤器，但是每个过滤器如何协同工作。

例如：我有一个表，其中每一列都有自己的过滤器：

就像这样：https ://stackblitz.com/edit/angular-hbakxo-e4njon?file=app%2Ftable-filtering-example.ts

id 和 name，如果我在这个多选选择器中选择 1、2、3 并在 name 列中提示 ah。它应该显示结果，它适合过滤器的输入。应该如何更改代码来处理？

标签： material-table

Answer 1

我在构建@matheo/datasource时考虑到了这种复杂性，因此我希望能够从多个源（过滤器更改流）触发 DataSource 中的更改，根据过滤器的状态构建请求，并轻松获取相应的数据。

我已经发布了这个库来做到这一点，因此您可以根据需要注册任意数量的输入流，构建您的请求对象，使用数据库服务获取相应的数据，并在 DataSource 中对结果进行后期处理，然后再将其显示在mat-table.

我已经建立了一个演示并在这里解释了这些概念：
https ://medium.com/@matheo/reactive-datasource-for-angular-1d869b0155f6

现在我来自我的手机，但如果你有兴趣，如果你提供足够完整的 SlackBlitz，我可以帮助你设置你的过滤器，所以我可以在那里插入库:)

快乐编码！