如何在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 ]