Javascript 不显示网格行
我在使用一个简单的SlickGrid时遇到了一个问题:它不能显示数据行,但为数据行留出了空间。这是我的密码:Javascript 不显示网格行,javascript,jquery,slickgrid,Javascript,Jquery,Slickgrid,我在使用一个简单的SlickGrid时遇到了一个问题:它不能显示数据行,但为数据行留出了空间。这是我的密码: var defaultFormatter = function (row, cell, value, columnDef, dataContext) { return value; } var subgrid = $("#subgrid"); var dt = new Slick.Data.DataView(); var its = [
var defaultFormatter = function (row, cell, value, columnDef, dataContext) {
return value;
}
var subgrid = $("#subgrid");
var dt = new Slick.Data.DataView();
var its = [
{ Id: "1", name: "First row", time: "15:13" }
];
dt.setItems(its, "Id");
var opts = {
enableCellNavigation: true,
enableColumnReorder: false
};
var columns = [
{
width: 0,
name: "Row name",
field: "name",
id: "name"
},
{
width: 0,
name: "Time",
field: "time",
id: "time"
}
];
for (var i in columns) {
if (columns[i].width == 0)
columns[i].width = "auto";
columns[i].formatter = defaultFormatter;
}
var ogrid = new Slick.Grid("#subgrid", dt, columns, opts);
ogrid.invalidate();
ogrid.render();
Html代码很简单:
<div id="subgrid" class="grid-place-holder"></div>
因此,每次加载页面时,SlickGrid只构建标题行和网格画布,但.grid画布中没有数据。我尝试了不同的组合,例如“ogrid.invalidateAllRows()”,但没有一个组合能使它起作用。请给我一个线索,我哪里错了
Upd:好的,我明白了。SlickGrid动态渲染,我没有设置“#子网格”的高度。因此,在“height:auto”(对于slickgrid,height=0)的情况下,它不能渲染任何行。始终在slickgrid根元素中设置高度样式。slickgrid动态渲染,我没有设置“#子网格”的高度。因此,在“height:auto”(对于slickgrid,height=0)的情况下,它不能渲染任何行。始终在slickgrid根元素中设置高度样式。如果找到解决方案,请将其添加为问题的答案。