The Grid enables you to style its columns, rows, and cells.
To style the columns of the Kendo UI Grid for Angular, use the options for:
You can add a custom CSS class or style to the header, footer, and cell elements of the current column by using the following
headerClass—Specifies the class to be added to the header cell.
headerStyle—Specifies the styles to be added to the header cell.
class—Specifies the class to be added to the cell.
style—Specifies the styles to be added to the cell.
footerClass—Specifies the class to be added to the footer cell.
footerStyle—Specifies the styles to be added to the footer cell.
To style the rows of the Grid, utilize the
rowClass function. For an example, refer to the code sample on adding a background color.
To style specific cells of the Grid, use the options for:
To compute the styles for a cell on the fly:
- Use the
- Override the cell padding.
- Sanitize the CSS values.