Grid -Styles customization

[Senthilkumar]

Please let us know how to apply custom styles in kendo grid and please share some sample code.

[Dimo]

Hi Senthilkumar,

Your question does not make it clear what are you tryiing to do, but the following documentation articles cover the various possible scenarios that you may be after.

- override the widget's styling
http://docs.telerik.com/kendo-ui/web/appearance-styling#customizing-appearance

- use custom HTML markup and CSS styling inside the Grid cells
http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.template

- use custom HTML markup and CSS styling for the Grid cells and rows, and inside them
http://docs.telerik.com/kendo-ui/web/grid/how-to/style-rows-cells-based-on-data-item-values

- create custom CSS themes
http://docs.telerik.com/kendo-ui/themebuilder

When working with custom CSS code, you need to be able to use the browser's DOM inspector, so that you can find the HTML elements and their CSS classes. You also need to be able to construct CSS selectors to target the desired elements, and be familiar with the concept of CSS specificity.

http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
 
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Regards,
Dimo
Telerik