Text alignment in grid client footer template

[sandy]

Hi ,

i want to merge cells in grid client footer template to display text.

below css am used but still no use.

    .k-footer-template td:nth-child(1) {
        overflow: visible;
        white-space: nowrap;
    }

    .k-footer-template td:nth-child(1),
    .k-footer-template td:nth-child(2),
    .k-footer-template td:nth-child(3),
    .k-footer-template td:nth-child(4),
    .k-footer-template td:nth-child(5),
    .k-footer-template td:nth-child(6) {
        border-width: 0;
    }

[Nikolay]

Hello Sandy,

Here is the approach I can suggest for Grid with 6 columns and a footer template in the last one:

  <style>
    .k-footer-template td:nth-child(6) {
        overflow: visible;
        white-space: nowrap;
        position: absolute;
        right: 0px;
    }

    .k-footer-template td:nth-child(2),
    .k-footer-template td:nth-child(3),
    .k-footer-template td:nth-child(4),
    .k-footer-template td:nth-child(5),
    .k-footer-template td:nth-child(6){
        border-width: 0;
    }
  </style>

For a different number of columns, the above will need to be adjusted. Below I am posting a Dojo demo demonstrating this:

• https://dojo.telerik.com/EJatUBig

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik

[sandy]

Hi Nikolay,

Thanks for your reply. i have modified dojo demo to my requirement. please find it now. 

i want to display client footer template in  123 columns only.

pls find updated dojo demo here

Untitled | Kendo UI Dojo (telerik.com)

[sandy]

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

[Nikolay]

Hi Sandy,

Here is the CSS you can use for the provided Grid implementation:

  <style>
    .k-footer-template td:nth-child(2) {
        overflow: visible;
        white-space: nowrap;
        position: absolute;
        right: 0px; /* can use left for left alignment */
    }

    .k-footer-template td:nth-child(2),
    .k-footer-template td:nth-child(3),
    .k-footer-template td:nth-child(4),
    .k-footer-template td:nth-child(5),
    .k-footer-template td:nth-child(6){
        border-width: 0;
    }
  </style>

• https://dojo.telerik.com/ePAYeHed

Let me know if you have further questions.

Regards,
Nikolay
Progress Telerik