js将单元格值投射到facet中
Datatables.js project cell values into facets
假设我有一个列出产品和产品所属类别的表。一个产品可以有一个或多个类别,例如:
产品+----+----------+---------------+
| id | name | category |
+----+----------+---------------+
| 1 | 256GBSSD | Mobile,Mac,PC |
+----+----------+---------------+
| 2 | 8GBRAM | Mac,PC |
+----+----------+---------------+
我正在创建facet以根据产品类别过滤掉产品。我使用的是datatable .js.
我想将逗号分隔的类别投射到单独的方面,例如Mac的过滤器,即使它们有其他类别,也会列出上表中的两个产品。
我如何告诉datatable .js,当涉及到第三列时,它应该列出逗号分隔列表中的每个类别作为可搜索和唯一(无重复)类别?
这似乎可以解决问题:https://github.com/vedmack/yadcf
他们的例子看起来就像你想要的:http://jsbin.com/esezof/1
稍微调整一下就能正常工作了。
事实证明,过滤器API接受的参数比我最初看到的要多一些。
oTable.fnFilter(searchTerm, columnId, useRegularExpressions, useSmartFilter);
如果useRegularExpressions
设置为false, useSmartFilter
为true,则如果列包含 searchTerm
,则返回匹配。
我所要做的就是确保在搜索包含CSV的列时提供了正确的参数。
我承认我不得不研究@Ove提供的API(+1)来找出如何为facet收集不同的项目-但它已经由fnGetColumnData
插件实现,只需要一点调整。
相关文章:
- 使用jquery在单击时在单元格中输入值
- CSS-若窗口太小,滚动条会出现在“表格”单元格上
- 可以'我不明白为什么;t将行和单元格添加到表中
- 如何在Angular中的表的所有单元格中添加链接
- 表中单元格的总和
- ExtJS网格单元格编辑器,防止焦点松动问题
- 有没有一种方法可以仅使用HTML/CSS来隐藏基于特定值的数据单元格
- 区分电子表格中的空单元格和0值
- ui网格将单元格显示为选择标记
- 单元格的工具提示或标题不显示超过2000个字符
- ui网格日期单元格过滤器,过滤日期格式导致显示错误的日期
- 允许表单元格内容水平展开
- 如何将jQuery/AAJAX结果放入表格单元格
- 使用jQuery只返回选中复选框后的第一个表单元格值
- jQuery-通过AJAX调用动态添加具有值的表单元格
- 需要将单元格值复制到html表中的其他单元格中
- 从Javascript中选定的行中获取特定单元格的值
- 使用JavaScript获取Gridview单元格值
- jQuery如何获取td单元格值
- js将单元格值投射到facet中