kendo-ui - 如何在所有行中放置剑道迷你图？

我在专栏使用情况中放置了迷你图，但它只有一行，如何将所有行都在专栏中使用？

我还把一些与用法列有关的代码

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",

});

谢谢

最佳答案

问题是您在模板中使用了id:id必须是唯一的。

通过id更改class

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

然后在初始化中使用:

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

代替:

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

在这里查看:http://jsfiddle.net/OnaBai/72KUP/embedded/result/