2 rows of totals at bottom of the grid

4 posts, 0 answers
  1. Ian
    Ian avatar
    73 posts
    Member since:
    Jun 2013

    Posted 04 Jul 2013 Link to this post

    I am displaying  a grid, no paging, which has USD$ and CAD$ in the same column. At the bottom of that column , I need to put the total of the CDN and then on the next total row USD. So, two total rows at the footer of the grid.

    @(Html.Kendo().Grid<BankAccount>().Name("MyGrid").Columns(c =>
              c.Bound(p => p.AccountTotal);

    How would I have 2 total rows at the bottom of the list of bank account values? (see attached example)

  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 08 Jul 2013 Link to this post

    Hi Ian,

    I am afraid having multiple total rows is presently not supported by Kendo UI Grid, however this idea sounds good and we will consider its implementation for future releases. Please excuse us for the inconvenience caused. 

    Iliana Nikolova
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Narendra
    Narendra avatar
    7 posts
    Member since:
    May 2017

    Posted 13 Oct 2017 Link to this post

    hi Iliana Nikolova,

    I have the same type of requirement. Is there any solution for this requirement. Please let me know.



  4. Stefan
    Stefan avatar
    2737 posts

    Posted 17 Oct 2017 Link to this post

    Hello, Narendra,

    The ClientFooterTemplate can be used in this scenario. Please check our demo example demonstrating this. It will render only one row, but both totals could be shown, similar to how min and max are shown in the demo:


    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top