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
close icon

Custom style on grid column header

Hi. I am trying to apply custom style to gird with CSS, but grid control is always using CSS styles from WebResource.axd. How can I customize look of grid trough CSS? I have already try samples from forum but nothing is working.

4 Replies

MC Mirza Cavlicekic September 13, 2016 11:10 AM UTC

It seems that problem is with CSS is embedded into embedded resources. How can I exclude CSS from embedded resource? CSS file is ej.widgets.core.min.css. In WebResource.axd is default CSS file and not that with my edits.

PK Prasanna Kumar Viswanathan Syncfusion Team September 14, 2016 11:53 AM UTC

Hi Mirza, 

Thanks for contacting Syncfusion support. 

We have already a documentation for customize the grid appearance. 

For your convenience we created a sample and in this sample we customize the grid column header. 

Find the code example, screenshot and sample: 

<ej:Grid ID="Grid" runat="server" AllowPaging="True"> 
     .e-grid .e-headercell { 
         background-color : chocolate; 



If you want to customize the particular column, use cssClass property of columns. This property is used to customize the specific column.  
Refer to the Help document for the cssClass property. 

Query : “How can I exclude CSS from embedded resource?” 

We suspect that the LoadEJResourcesFromAssembly key is set as true in the web.config file. If we set as true the necessary stylesheets will be added in header section of current page dynamically to render the EJ components .If we set LoadEJResourcesFromAssembly as false, then we want to refer the stylesheet and script files explicitly. If you want to load the script files from EJ assembly and refer stylesheet explicitly, set false to themes in that key. 

<add key="LoadEJResourcesFromAssembly" value="true" /> 
<add key="EJResources" value="jsrender:true;jqueryeasing:true;themes:false;" /> 

Prasanna Kumar N.S.V 

MC Mirza Cavlicekic September 21, 2016 08:53 AM UTC

Thanks that solve my problem.

PK Prasanna Kumar Viswanathan Syncfusion Team September 22, 2016 04:49 AM UTC

Hi Mirza, 

We are happy that the provided solution working fine at your end. 
Please let me know if you need any further assistance. 

Prasanna Kumar N.S.V 

Live Chat Icon For mobile
Up arrow icon