CSS for the grid footer

1 Answer 362 Views
Grid
Eric
Top achievements
Rank 2
Iron
Iron
Eric asked on 28 Jul 2022, 12:00 PM

Is there a way to remove the left, right, and bottom grid lines from the footer?  I want the grid to show for the header and data cells, just not the foot row.

 

Thanks

Blazorist
Top achievements
Rank 2
Bronze
Iron
Iron
commented on 28 Jul 2022, 01:24 PM

Hi Eric. 
It is not very clear what you want to achieve. Can you elaborate a little more?
Eric
Top achievements
Rank 2
Iron
Iron
commented on 28 Jul 2022, 01:35 PM

I want the grid to look like the below example.  There the header row and the data rows should have gridlines around the cells, but the footer doesn't have gridlines.  Hope that helps.

 

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 02 Aug 2022, 06:30 AM

Hello Eric,

Generally, such customizations are implemented by inspecting the Grid HTML markup and CSS styles. Then, add CSS rules that override the existing theme styles.

Here is a REPL example.

If you want to adjust the Grid borders, so that the footer row appears "outside" the Grid, then you need some more CSS code.

Regards,
Dimo
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Grid
Asked by
Eric
Top achievements
Rank 2
Iron
Iron
Answers by
Dimo
Telerik team
Share this question
or