How to right align values of footerTemplate in kendo grid?

Question

I have a kendo grid and i am using footerTemplate to find the sum of values in the grid.I have aligned the values of columns in the grid successfully.My question is how to align the values in footerTemplate The following is the code i am using

{ 
    field: "covered_amount",
    width: "150px", 
    title: "Covered",
    sortable:false,
    attributes:  { style:"text-align:right;" },
    footerTemplate:"#= sum # "
},

Any help is much appreciated.

Answer 1

Define the footer template as:

footerTemplate: "<div style='float: right'>#= sum #</div>"

or:

footerTemplate: "<div style='text-align: right'>#= sum #</div>"

and you can even format it using kendo.toString, Example:

footerTemplate: "<div style='float: right'>#= kendo.toString(sum, 'c2') #</div>"