1. Home
  2. Forum
  3. React - EJ 2
  4. Column width in percent creates large empty column when grouping

Column width in percent creates large empty column when grouping

Hi,
if you group by a column in the grid whose width has been defined in percentages, the first column (the "grouping column" with the arrow) will have the same width as the percentage. However, this is totally undesirable and impractical.

Screenshot (column "Country" has a width of 70%, but when grouping this width is completely irrelevant (as long as the grouping column gets not shown in the grid anymore)):



I've attached a code sample, that shows the problem.
I'm I doing something wrong or is there any issue?

Thanks, Cheers.

Attachment: index_cd12997f.zip

4 Replies 1 reply marked as answer
RR Rajapandi Ravi Syncfusion Team June 16, 2021 10:16 AM UTC

Hi Laurin, 

Greetings from syncfusion support 

Before we start providing solution on your query, we need some information for our clarification. So please share the below details that would be helpful for us to provide better solution. 

1)      Please share the details about for what reason you are using a column's width as a percentage. 

2)      Please confirm if you don’t want to display a horizontal scrollbar in Grid. 

3)      Please share your exact requirement with detailed description. 

Regards, 
Rajapandi R

LS Laurin S June 17, 2021 07:21 AM UTC

1) I'm defining the column width as a percentage, because that is one of the two possible methods to define the width (following your documentation). In addition, using percentages as column widths allows me to have a more responsive grid. Is that not ok?
2) No, I absolutely don't want to have a horizontal scrollbar. Before installing the latest grid npm package update, the mentioned problem has not been present.
3) I would like to have the old behaviour of grouping back, namely that the first column with which you can collapse and expand a group of the grouping is only very narrow and not as large as the column width of the grouping column (as shown in my screenshot in the initial post). I would like to have the first column as width as shown in the following screenshot (is that not normal, that the first column of the grouping is very small?): 



Thanks.

RR Rajapandi Ravi Syncfusion Team June 21, 2021 10:56 AM UTC

Hi Laurin, 

Thanks for the update 

After validating further with the source, we have confirmed and logged this as a bug in the component. So, we have considered “Column width in percent creates large empty column when grouping” as a defect and logged a report for the same. We will include the defect fix in our upcoming July 14th, 2021 patch release. 

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link. 


Regards,  
Rajapandi R

Marked as answer
RR Rajapandi Ravi Syncfusion Team October 4, 2021 09:39 AM UTC

Hi Laurin,  
  
We are glad to announce that our Essential JavaScript2 patch release (v19.2.62) has been rolled out successfully. In this release we have added the fix for “Column width in percent creates large empty column when grouping” issue. So please update your package to this version to include the fix. 
  
  
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 
  
Regards, 



Loader.
Up arrow icon