dGrid:如何在网格中添加空行?

时间:2015-05-08 18:32:39

标签: html5 dojo dgrid

我在这里创建了一个jsfiddle

dGrid Blank Row 商店中有一行(No.4)具有空/空值,但网格显示似乎已折叠。

代码段:

function(Grid, Memory) {
    var data = [

        { id: 1, name: 'Peter', age:24 },
        { id: 2, name: 'Paul', age: 30 },
         { id: 3, name: 'Mary', age:46 },
        { id: '', name: '', age:'' }
    ];
    var store = new Memory({ data: data });
    var options = {
        columns: [
           /*{ field: 'id',  label: 'ID' },*/
            { field: 'name', label: 'Name' },
            { field: 'age', label: 'Age' }

        ],
        store: store
    };

    new Grid(options, 'gridcontainer');
}

我希望网格中的空白行与其他已填充的行具有相同的高度。

是否可以在dGrid中使用?

1 个答案:

答案 0 :(得分:1)

我认为空行与其他行的高度不同的原因是dGrid实际上并没有设置行应该具有的特定高度。在细胞可能需要第二行的情况下,细胞将在高度上增长。如果你想要一个设定的高度,你可以为你的小提琴添加一个css属性,例如:

#gridcontainer .dgrid-content .dgrid-cell {
  height: 24px;
}