0

集合体データを表示するためのフッターテンプレートを持つ剣道グリッドがあります。集合体データは、最初はその列と整列します（必要に応じて）。ただし、列を非表示にして列の幅が異なる場合、集計データはその列とずれてしまいます。これがフィドルです：http：//jsfiddle.net/uQG2J/1/

コードは次のとおりです。

var grid = $("#grid").kendoGrid({
dataSource: {
    data: [
        {"foo": 10, "bar": 10, "moo":5},
        {"foo": 20, "bar": 30, "moo":8},
    ],   
    aggregate: [
       {field: "moo", aggregate: "sum"}
    ]
},
columns: [
    {
        field: "foo",
        width: 20
    },
    {
        field: "bar",
        width: 80            
    },       
    {
        field: "moo",
        footerTemplate: "Sum: #=sum# ",
        width: 40           
    }

]   
}).data("kendoGrid");

grid.hideColumn("foo");
grid.refresh();

別の列を非表示にした後、集合体データをその列に揃えるにはどうすればよいですか？

4

1 に答える 1

0

これを避けるには、列の幅をパーセントで設定します。

例えば

var grid = $("#grid").kendoGrid({
    dataSource: {
        data: [
            {"foo": 10, "bar": 10, "moo":5},
            {"foo": 20, "bar": 30, "moo":8},
        ],    
        aggregate: [
           {field: "moo", aggregate: "sum"}
        ]
    },
    columns: [
        {
            field: "foo",
            width: "20%"
        },
        {
            field: "bar",
            width: "20%"
        },        
        {
            field: "moo",
            footerTemplate: "Sum: #=sum# ",
            width: "60%"
        }

    ]   
}).data("kendoGrid");

//grid.hideColumn("foo");
grid.refresh();

これは更新されたjsfiddleです。

于 2012-11-16T00:19:47.860 に答える