Kendo grid column number formatting

Question

How to set number formatting in kendo column if we bind 2 data values? In my example I have to bind value with unit, so I need a value written with 2 decimals. My code looks like:

{
    field: "Quantity",
    title: "Value ",
    width: "70px",
    type: "number",
    format:"{0:n2}",
    template: "#:Quantity# #:Unit#",
    attributes:{style:"text-align:right;"}
},

Without binding it to unit it works great, but with unit I have a problem. Thanks in advance

Answer 1

Above given answer is fine but you can also achieve the same result by using separate kendo templates for more customization options.

template: kendo.template($("#quantity-tmplt").html())

Define your template.

<script type="text/x-kendo-template" id="quantity-tmplt">
    <div>#= kendo.toString(Quantity, "n2") #</div>
</script>

For more information, read KendoGrid Column Template