Remove / Span Expand Column Header Cell(s)

1 Answer 31 Views
Grid
Alex
Top achievements
Rank 1
Alex asked on 21 Sep 2021, 07:26 AM

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!

1 Answer, 1 is accepted

Sort by
0
Doncho
Telerik team
answered on 23 Sep 2021, 12:48 PM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Grid
Asked by
Alex
Top achievements
Rank 1
Answers by
Doncho
Telerik team
Share this question
or