dGrid:如何向网格添加空白行?
dGrid: How do you add blank rows to the grid?
我在这里创建了一个 jsfiddle。
商店中有一行(第 4 行)具有 empty/null 个值,但网格显示似乎已折叠。
代码片段:
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 中可以吗?
我认为空白行与其他行的高度不同的原因是 dGrid 实际上没有设置行应具有的特定高度。在单元格可能需要第二行的情况下,单元格的高度会增加。如果你想要一个设置的高度,你可以添加一个 css 属性到你的 fiddle 做这样的事情:
#gridcontainer .dgrid-content .dgrid-cell {
height: 24px;
}
我在这里创建了一个 jsfiddle。
代码片段:
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 中可以吗?
我认为空白行与其他行的高度不同的原因是 dGrid 实际上没有设置行应具有的特定高度。在单元格可能需要第二行的情况下,单元格的高度会增加。如果你想要一个设置的高度,你可以添加一个 css 属性到你的 fiddle 做这样的事情:
#gridcontainer .dgrid-content .dgrid-cell {
height: 24px;
}