Change alignment of grid column header / footer

[Erik]

Hi,

I have a sub-grid which includes a column with aggregate values (sum).

columns.Bound(c => c.TotalAmount).Format("{0:C2}").HtmlAttributes(new { style = "text-align: right;" })
   .ClientGroupHeaderColumnTemplate("Sub-Total: \\#=kendo.format('{0:C2}', sum)\\#")
   .ClientFooterTemplate("Total: \\#=kendo.format('{0:C2}', sum)\\#");

 

Cf. screen shot (attached) to see how this displays.

How can I apply the column right-alignment to the column group header and footer as well?

Thx,

Erik

[Eyup]

Hi Erik,

 

You can achieve this requirement using CSS:

    <style>
      .k-grouping-row td:last-of-type{
        text-align: right;
      }
      .k-group-footer td:last-of-type{
        text-align: right;
      }
    </style>

Here is a live sample for demonstration:
https://dojo.telerik.com/IsoWAqUc

I hope this will prove helpful.

 

Regards,
Eyup
Progress Telerik