javascript – 如何在jquery数据表中对多个列进行分组

2019年8月6日 239次阅读

如何基于多列分组折叠和展开表.

例如,我有这样的表

---------------------------------------------------------------
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 hidden row details example – the table header is misplaced (test case attached)

JSFIDDLE Sample 1

JSFIDDLE Sample 2

点赞