Remove / Span Expand Column Header Cell(s)

[Alex]

Hi,

I have a hierarchical radgrid as per the attached, however I want to have a full row column group header for each table.  Currently the expand header cell shows and I see no way of hiding it without upsetting the rowspan and colspan of the grid's table.  I want to retain the expand icons in the detail tables.

Any way of doing this?

Thanks!

[Doncho]

Hi Alex,

Thank you for the screenshot!

I am afraid that the RadGrid comes with certain predefined designs (applied by the embedded skins) and the further modification of its appearance goes beyond our support scope.

Still, RadGrid is rendered in the browser as a structure of native Html elements and you can use some CSS or JavaScript to customize it as per your requirements. I would suggest you use the DevTools of the browser to inspect the currently rendered DOM structure and define CSS selectors that could be used in manipulating the appearance, see Improve Your Debugging Skills with Chrome DevTools.

Just as an idea, you can use the embedded jQuery to get and hide the unwanted table cells (e.g. $telerik.$('.RadGrid thead tr th.rgHeader.rgExpandCol');). Yet, you will need to adjust the neighbour cells by increasing their colSpan.

I hope you will find this information helpful.

Kind regards,
Doncho
Progress Telerik