Hide Grouping Columns

[TeeJT]

Is it possible to hide grouping columns? In my application, this is a necessary feature as the user does not want to see empty column or repeated items in the column. An example is shown in the screen-shot attached.

[paramvir]

Thanks for your feedback, group by Column can be hidden but that leads to 2 problems:

1. You can't drag / drop that hidden column to the grouping toolbar. (which is obvious)

2. group by column title gets hidden when grouped rows are collapsed

It was not designed to be hidden as of now. Assuming you don't need the first feature when group by column is hidden, I've added the 2nd point to be considered in the future enhancements.

As for the UX is concerned, have you checked the merge cells feature? The group by column can be merged vertically so that it doesn't show repeated values.

[TeeJT]

I have tried to hide the grouping column but the grouping data is not shown at all. Is it possible for a row to be merged to show the grouping data as shown in the example in my first posting?

[paramvir]

Please check the screenshot with grouping column as hidden in this example: http://paramquery.com/pro/demos/group_rows

Code: [Select]

{ title: "Customer Name", width: 130, dataIndx: "ContactName", hidden: true },


Code: [Select]

var groupModel = {
      on: true,
      dataIndx: ['ContactName'],
      collapsed: [false]           
};


[TeeJT]

Thank you so much ! This is exactly what I needed !

[TeeJT]

For the above example I realized that the collapsible icon serves no purpose and will confuse people who click on it. Is there a way to hide that icon. Now I am doing it by jquery hide() method.