Grid Grouping : Sub Rows | Main Group Row width is not stretched fully

[rajParticipant]

Hi,

I’m using Grid Grouping with sub rows feature, here as per my requirement I customized the group row background with some color in CSS (i.e. .jqx-grid-groups-row). I noticed that, main group row (i.e. Country group) width is not stretching till end i.e. I can see some white space at the right hand side of grid.

FYI, I inspected the “Grouping > Toggle Sub Rows” demo example, I can able to see that, main group row (i.e. Country group) width is not stretching till grid end alike the sub rows (i.e. City group).

Below sample code snippet belongs to Grouping > Toggle Sub Rows demo example,

$("#jqxgrid").jqxGrid(
{
	width: 850,
	source: dataAdapter,
	groupable: true,
	columns: [
	  { text: 'Company Name', datafield: 'CompanyName', width: 250 },
	  { text: 'City', datafield: 'City', width: 120 },
	  { text: 'Country', datafield: 'Country' }
	],
	groups: ['Country', 'City']
});

Can someone suggest me a solution on how to resolve this issue?

Looking forward.

Thanks,
Raj

[Peter StoevKeymaster]

Hi Raj,

It is not stretched because it is not necessary to be. In general, it is not possible to change the Style only of the Header Rows.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[rajParticipant]

Hi Peter,

Thanks for your quick turnaround.

Actually, I applied the custom style using the CSS class name i.e. .jqx-grid-groups-row. Hence my custom style has got applied to both main group and sub group with that class names.

After applying the custom style i.e. bg color, a white space is noticeable at the right hand side of the grid only for the Main Group Row because the width of the row is not fully stretched alike sub group row.

I hope you understand what I’m trying to say.

Note: This white space is not appearing when there is only one grouping applied to the grid.

Looking for your response.

Thanks,
Raj

[Peter StoevKeymaster]

Hi Raj,

My response is no different from the previous. It’s not possible to style only the header rows.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[rajParticipant]

Ok Thanks Peter

Regards,
Raj

[Author]

Posts