1)有没有一种方法可以实现类似于数据表的类星体表列过滤?https://datatables.net/extensions/fixedheader/examples/options/columnFiltering.html
理想情况下,它将是一个自动填充文本字段,它将过滤表中的所有行。我有一个25列的表,所以想要一些强大的东西。
2)对数据过滤后端部分有什么建议吗?我应该用过滤器调用DB,还是在客户端和过滤器客户端存储一个主列表?
1)有没有一种方法可以实现类似于数据表的类星体表列过滤?https://datatables.net/extensions/fixedheader/examples/options/columnFiltering.html
理想情况下,它将是一个自动填充文本字段,它将过滤表中的所有行。我有一个25列的表,所以想要一些强大的东西。
2)对数据过滤后端部分有什么建议吗?我应该用过滤器调用DB,还是在客户端和过滤器客户端存储一个主列表?
3条答案
按热度按时间c0vxltue1#
看看新的类星体扩展QGrid,它允许列过滤器。
Github - https://github.com/pratik227/quasar-qgrid
演示-https://quasar-qgrid.netlify.com/
idfiyjo82#
这可以通过Lodash来实现。
下面的代码实现了带有选择或文本输入的过滤器。
注意,这只是客户端。
l7wslrjt3#
您还可以扩展现有的Q表,在其标题槽中具有Q输入。输入创建
filter
对象,该对象被变换为filterTerms
的数组。数组在内部传递给q-table的filterMethod
,你可以用它来做实际的过滤。你可以在stackblitz上查看我的demo。我很确定造型还可以再改进。
这只是开始我很确定你可以修改代码,以自动poulate的q输入字段。至于过滤客户端/服务器端,这在很大程度上取决于你的实际用例。如果它是几个100行然后我不认为在浏览器中做过滤的问题。