如何在jQuery数据表中对多个列进行分组

Jon*_*ohn 5 javascript jquery datatables datatables-1.10

如何基于多列分组来折叠和展开表格。

例如我有这样的表

---------------------------------------------------------------
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  |
---------------------------------------------------------------
Run Code Online (Sandbox Code Playgroud)

这就是我需要对上表进行分组的方式

  -------------------------------
    location |  XX  |  YY  |  ZZ  |
    -------------------------------
       UAE   |   3  |   0  |   1  |
       USA   |   1  |   2  |   1  |
       IND   |   1  |   2  |   1  |
    -------------------------------
Run Code Online (Sandbox Code Playgroud)

我想根据位置和大小列进行分组,例如:美国有3 XX和0 YY和1 ZZ,

然后,当我单击该行时,我要扩展并显示那些3 XX和0 YY和1 ZZ其他四列cont_no,price,depot,cond

请有人帮助我或给我一些建议或链接以供参考。

谢谢

Mun*_*abu 1

我想这就是你想要做的!

检查以下问题和答案

DataTables隐藏行详细信息示例 - 表头放错位置(附测试用例)

JSFIDDLE示例 1

JSFIDDLE示例 2