How can I put kendo sparklines in all rows?

kendo-grid, kendo-ui, sparklines

Solution

The problem is that you use `id` in a template: `id` must be unique.

Change `id` by `class`

template: '<span class="sparkline"style="line-height: 60px ; padding: 0 5px 0spx ; text-align: center" ></span>'

and then in the initialization use:

$(".sparkline").kendoSparkline({...});

instead of:

$("#sparkline").kendoSparkline({});

See it here : http://jsfiddle.net/OnaBai/72KUP/embedded/result/

Problem

I put sparklines in the column usage, but it has only one row, how can I put all the rows in column usage? I also put some of the Code relating to the usage column jsfiddle code ``` columns: [{ { field: "Usage", title: "Usage", template: '<span id="sparkline"style="line-height: 60px ; padding: 0 5px 0spx ; text-align: center" ></span>' }, { command: ["edit"], title: "&nbsp;" }], editable: "popup", }); ``` thank you

Original source