rowGroup Not Grouping Level 1 Elements Together Under Level 0 Elements

zgoforth

Link to test case: https://jsfiddle.net/BeerusDev/m1qsvzey/91/

Hello,

In my test case, if you click on "Beerus Dev" you will see there are 3 level 1 elements.

2: (1) High & 1 (2) Normal level 1 rows. From my experience using rowGroup, I know that the (1) High elements/rows should also be group, and they are not. When one is clicked, the other opens as well but they are not grouped?

kthorngren

Your table sorting needs to match the columns you are grouping. You have this:

  order: [[2, 'asc']],
          rowGroup: {
                dataSrc: [
                    'AssignedTo',
                    'Priority'
                ],

You will need to update your table ordering, something like this:

order: [[0, 'asc'],[1, 'asc'],[2, 'asc']],

So the primary and secondary table order follows your rowGroup.dataSrc. You may want to look at using orderFixed to always order by [[0, 'asc'],[1, 'asc']] first then by whatever the user selects.

Kevin