如何在所有行中放置kendo迷你图？

Question

我在列使用中添​​加了迷你图，但它只有一行，如何将所有行放在列使用中？

我还提出了一些与使用栏相关的代码

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

});

谢谢

Answer 1

问题是您在模板中使用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/