Grid row style

2 posts, 0 answers
  1. Robert
    Robert avatar
    15 posts
    Member since:
    Jan 2015

    Posted 28 Nov 2019 Link to this post

    How to apply style to a row (for example background color) inside a Grid? I've tried RowTemplate but the contents of a RowTemplate must be <td> elemets. If I wrap <td> elements inside a <div> the layout breaks.
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5922 posts

    Posted 29 Nov 2019 Link to this post

    Hello Robert,

    Adding the desired classes and rules to the td elements is the way to go. Here's one example that we have in a KB article: https://docs.telerik.com/blazor-ui/knowledge-base/grid-conditional-cell-background.

    If you don't need the rows colors to be dependent on the row data, you can simply inspect the classes and rules we have out-of-the-box, and add heavier selectors with the rules you want. This blog post can help you in doing that: https://www.telerik.com/blogs/improve-your-debugging-skills-with-chrome-devtools.

    Regards,
    Marin Bratanov
    Progress Telerik

     UI for Blazor
Back to Top