This is a migrated thread and some comments may be shown as answers.

Grid Background color

1 Answer 544 Views
Grid
This is a migrated thread and some comments may be shown as answers.
JP13
Top achievements
Rank 1
JP13 asked on 29 May 2019, 12:08 AM
Currently my grid background is the light gray, and the rows alternate between light and dark.  Is it possible to get the unused portion of the grid to be a different color, while leaving the row alternating colors alone?     

1 Answer, 1 is accepted

Sort by
0
Georgi
Telerik team
answered on 31 May 2019, 12:58 PM
Hi Jed,

Based on the provided information I assume that the requirement is to keep the colors of the rows and change only the color of the unused space. Please correct me if I am wrong.

By default the not alternating rows inherit their background color from the grid element, therefore it will be necessary to explicitly specify their background color.

e.g.

#grid tbody tr:not(.k-alt){
  background-color: light-grey;
   
}

And set the background color of the grid element.

#grid{   
  background-color: green;
}

Please note that in the above snippets `grid` is the name of the widget  - .Name("grid").


Regards,
Georgi
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Grid
Asked by
JP13
Top achievements
Rank 1
Answers by
Georgi
Telerik team
Share this question
or