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

Question

我将迷你图放在列使用中，但它只有一行，我怎样才能将所有行都放在列使用中？

我还放了一些与用法相关的Code

jsfiddle代码

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/