如何在jquery数据表中对多个列进行分组
如何基于多列分组折叠和展开表。
例如,我有这样的表
--------------------------------------------------------------- location | size | cont_no | price | depot | cond | --------------------------------------------------------------- USA | XX | 123 | 230 | SED | LK | USA | YY | 343 | 330 | ASD | HK | UAE | XX | 233 | 230 | SED | LK | IND | ZZ | 123 | 230 | SAD | FK | IND | XX | 213 | 430 | ASD | KK | IND | YY | 433 | 870 | GFD | FK | USA | YY | 865 | 230 | SED | LK | UAE | XX | 976 | 430 | SED | HK | USA | ZZ | 342 | 230 | CCD | HK | UAE | XX | 132 | 445 | SED | KK | UAE | ZZ | 064 | 323 | YYD | LK | IND | YY | 452 | 130 | ITG | HK | ---------------------------------------------------------------
这就是我需要对上表进行分组的方法
------------------------------- location | XX | YY | ZZ | ------------------------------- UAE | 3 | 0 | 1 | USA | 1 | 2 | 1 | IND | 1 | 2 | 1 | -------------------------------
我想基于位置和大小列进行分组,例如:USA有3个XX和0个YY和1个ZZ,
然后,当我点击我要扩展的行并显示那些3 XX和0 YY和1 ZZ其他四列cont_no,价格,仓库,cond
请有人帮助我或给我一些建议或链接以供参考。
谢谢
我想这就是你想要做的!
检查以下问题和答案
DataTables隐藏行详细信息示例 – 表头放错位置(连接测试用例)
JSFIDDLE 示例1
JSFIDDLE 示例2
它可以按行详细信息示例中的说明完成。
诀窍是在向DataTables提供数据之前预处理数据并执行计算和用JavaScript分组。 这取决于数据来自何处,静态表或Ajax请求。 如果您在服务器上生成数据,这也可以在服务器端完成。
基本上,JSON格式的结果数据可能如下所示。 这将简化DataTables中子行的处理。
[ { "location": "UAE", "XX": 2, "YY": 0, "ZZ": 1, "details": [ ["UAE","XX","123","230","SED","LK"], // more records for the same location ] }, // more locations ]