Is it possible to customize themes when using KendoUI GRID. Need features like hovering over rows, default sorting on multiple columns and some other features. Does kendo grid have support for such customization? If yes is there some documentation?
0
votes
2 Answers
0
votes
I think you can add hover and other events to KendoUI GRID via jQuery. Just select the specific row:
$(".k-grid > table > tbody > tr:hover,
.k-grid-content > table > tbody > tr:hover").mouseenter
There's default sort for rows. Here's full documentation about KendoUI grid and its events. Here's default sorting You can make custom template for the grid width specific classes. And you can use column commands to handle click events.
0
votes
You can either overwrite built-in styling directly in CSS or use any of the other available approaches for customizing the themes, as described in the DOCS:
If you go for the CSS option, you can target the hovered Grid rows and customize their appearance like this:
encapsulation: ViewEncapsulation.None,
styles: [`
.k-grid .k-grid-table tr:hover {
background-color: red;
color: white;
}
`]
The default sorting by a single or multiple columns can be defined via providing the respective sorting descriptors to the Grid configuration (via the sort property):
