Formatting an Aggregate/ClientFooterTemplate Row

3 posts, 0 answers
  1. Brian
    Brian avatar
    7 posts
    Member since:
    Sep 2012

    Posted 07 Oct 2016 Link to this post

    Hi, I have a grid with an aggregate footer and columns formatted with a ClientFooterTemplate. How can I format an entire aggregate row like set the background color across all cells in the row based on an aggregate value? Also, how can I hide the aggregate row - like when there is only one detail row in the grid? Does anyone have an example of either of these scenarios?


  2. Brian
    Brian avatar
    7 posts
    Member since:
    Sep 2012

    Posted 10 Oct 2016 in reply to Brian Link to this post

    Maybe this isn't possible? BTW, I'm using the Kendo UI Grid for ASP.NET MVC.
  3. Konstantin Dikov
    Konstantin Dikov avatar
    2466 posts

    Posted 11 Oct 2016 Link to this post

    Hello Brian,

    For changing the colors of the TD elements or for the entire TR element (corresponding to the footer) you can wrap the aggregate values in span elements for example and within the dataBound event of the Grid, retrieve the values and manipulate the HTML elements as per your requirements. For your convenience, following is a simple example demonstrating such customization:
    As for the hiding of the footer, you can toggle its visibility with the following jQuery selector:
    function toggleFooter(){
        $("#grid .k-grid-footer").toggle();

    Hope this helps.

    Konstantin Dikov
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top