小编gab*_*mov的帖子

Google Material Design - 数据表中过滤条中的复杂条件过滤芯片

在 Google Material Design 中看到了一种在数据表中过滤的新方法,但找不到任何有关设计的指南,也没有在实现过程中,也没有 Angular、React...等。它的框架。

GM 指南在https://material.io/components/data-tables/#anatomy上被称为“过滤芯片”(“在标题行上方,过滤器栏显示两个活动过滤器。分页显示在最后一行下方。 ” ) 并链接到页面https://material.io/components/chips/#filter-chips但无法找到有关这种复杂过滤机制的用法的详细信息。

Google Material Design 的屏幕截图 - 过滤器栏中的过滤芯片

我在 G-suite 的管理控制台中看到了这一点,其中有表格视图,它的工作原理是这样的:

  1. 单击过滤器栏中的
  2. 出现带有过滤器属性(姓名、电子邮件...等)的下拉列表
  3. 通过单击属性,输入字段会显示在您可以放置​​数据的位置
  4. 通过提供芯片已经创建的数据,可以添加其他芯片

这里有些例子

我假设您可以添加任何输入类型,如文本/数字、间隔(从到)、清单...等。

有没有包含这种机制的库或框架,因为在这个主题上搜索我找不到任何东西(也许它太复杂了)?

datatable filtering material-design

7
推荐指数
0
解决办法
2022
查看次数

标签 统计

datatable ×1

filtering ×1

material-design ×1