Enhancement - Need to add indent to leaf level rows in 2 level grouping

[GoogleCodeExporter]

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.

Original issue reported on code.google.com by nkal...@gmail.com on 19 Sep 2012 at 8:06

Attachments:

• grouping-leaf-level-row-indent.png

[GoogleCodeExporter]

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

Original comment by joc...@gmail.com on 30 Sep 2012 at 5:35

[GoogleCodeExporter]

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

Original comment by nkal...@gmail.com on 30 Sep 2012 at 5:42

[GoogleCodeExporter]

Original comment by joc...@gmail.com on 29 May 2013 at 8:17

• Changed state: Done