We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Essential JS2

Syncfusion jQuery based widgets are no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 library.

Try Essential JS 2
Syncfusion Feedback

How to customize grid appearance using custom CSS?

Platform: jQuery |
Control: ejGrid |
Published Date: July 6, 2015 |
Last Revised Date: July 6, 2015

You can customize the grid based on your requirement by using Custom CSS. Classes have been used here to customize the grid styles.

The following code example demonstrates how to customize the grid’s appearance by using Custom CSS.

JS

MVC

ASP

CSS

The following screenshot displays the Custom CSS in Grid.

Figure 1: Output
ADD COMMENT
You must log in to leave a comment
Comments
Zack
Jan 03, 2017
How would you do this in Angular 2?

 Reply
Renato
Jan 17, 2021

If have multiple grids on one asp web form. How do I change the CSS appearance of only one of them ?

 Reply
Alan Sangeeth S [Syncfusion]
Jan 18, 2021

hi Renato,

Prefix the CSS selector rule with particular Grid id. Refer the following snippet.

>

#SecondGrid.e-grid .e-alt_row { / SecondGrid is the Grid id/ background: #fff; }

Regards, Alan Sangeeth S

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile