Export to GitHub

jquery-datatables-row-grouping - issue #38

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


Posted on Sep 19, 2012 by Grumpy Kangaroo

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.

Attachments

Comment #1

Posted on Sep 30, 2012 by Happy Panda

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

Comment #2

Posted on Sep 30, 2012 by Grumpy Kangaroo

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

Comment #3

Posted on May 29, 2013 by Happy Panda

(No comment was entered for this change.)

Status: Done

Labels:
Type-Defect Priority-Medium