What steps will reproduce the problem? 1. Create a simple table with at least 3 or more columns. 2. Add 2 level grouping to the table with a code something similar to as follows:

.rowGrouping({ iGroupingColumnIndex2: 1, fnGroupLabelFormat: function (label) { return "" + label + " - <i>(Primary Group)</i>"; }, sGroupLabelPrefix2: "", fnGroupLabelFormat2: function (label) { return "" + label + " - <i>(Secondary Group)</i>"; }, sGroupLabelPrefix2: ""

    });

What is the expected output? What do you see instead?

At leaf level rows in grouping hierarchy, one should be able to add indent. We can not add indent. This scenario is useful when we want to provide flat view of grouping (without collapse groups), so indented last level rows would be more intuitive to users.

What version of the product are you using? On what operating system? * jquery.dataTables.min.js, v 1.9.3 * jquery.dataTables.grouping.js, v 1.2.7.

Please provide any additional information below. Attached herewith is a screen capture that illustrates the requirement.

Hi,

Could you inpect classes that are aded to the rows I believe that you can use them to add some padding via CSS.

Jovan

Thanks Jovan for your suggestion. I would check that and get back. For now, as a work around, I have added an empty td to provide some offset at the beginning of leaf level row.

nkaliya