Author Topic: Hide Grouping Columns  (Read 4789 times)

TeeJT

  • Pro Ultimate
  • Jr. Member
  • *
  • Posts: 88
    • View Profile
Hide Grouping Columns
« on: November 24, 2016, 01:10:18 pm »
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

  • Administrator
  • Hero Member
  • *****
  • Posts: 6121
    • View Profile
Re: Hide Grouping Columns
« Reply #1 on: November 24, 2016, 02:20:30 pm »
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.
« Last Edit: November 24, 2016, 02:31:29 pm by paramquery »

TeeJT

  • Pro Ultimate
  • Jr. Member
  • *
  • Posts: 88
    • View Profile
Re: Hide Grouping Columns
« Reply #2 on: November 25, 2016, 11:26:53 am »
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

  • Administrator
  • Hero Member
  • *****
  • Posts: 6121
    • View Profile
Re: Hide Grouping Columns
« Reply #3 on: November 26, 2016, 06:27:28 pm »
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

  • Pro Ultimate
  • Jr. Member
  • *
  • Posts: 88
    • View Profile
Re: Hide Grouping Columns
« Reply #4 on: November 26, 2016, 06:36:40 pm »
Thank you so much ! This is exactly what I needed !

TeeJT

  • Pro Ultimate
  • Jr. Member
  • *
  • Posts: 88
    • View Profile
Re: Hide Grouping Columns
« Reply #5 on: November 30, 2016, 09:02:08 am »
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.