How to apply GroupFooterTemplate style?

3 posts, 0 answers
  1. Jaanus
    Jaanus avatar
    36 posts
    Member since:
    Oct 2014

    Posted 30 Jun 2018 Link to this post

    It is easy to add style to grid column cells with https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.attributes

    How can I style the groupFooterTemplate?

    Example here:

    https://dojo.telerik.com/oYoVOjAq/3

  2. Jaanus
    Jaanus avatar
    36 posts
    Member since:
    Oct 2014

    Posted 02 Jul 2018 Link to this post

    To be more exact, I want to float the numbers to right, I added relevant CSS, but it breaks the grid.

    https://dojo.telerik.com/oYoVOjAq/5

  3. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2497 posts

    Posted 03 Jul 2018 Link to this post

    Hi Jaanus,

    Note that when using float for an element this will affect the position of the elements following it. Furthermore, using float for a table cell is not recommended as this will likely break the layout of the table. 

    In order to align the text to the right I would recommend using the text-align property. Check out the updated dojo below for reference.



    Regards,
    Viktor Tachev
    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