SlickGrid 行未显示答案

【问题标题】：SlickGrid rows are not shownSlickGrid 行未显示
【发布时间】：2014-11-01 09:34:45
【问题描述】：

我在使用简单的 SlickGrid 时遇到了麻烦：它无法显示数据行，但会为它们腾出空间。这是我的代码：

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-canvas 中没有数据。我尝试了不同的组合，例如“ogrid.invalidateAllRows()”，但没有一个可以使它起作用。请给我一个线索，我错在哪里？

Upd：好的，我明白了。 SlickGrid 动态渲染，我没有设置“#subgrid”的高度。因此，在“height: auto”的情况下（对于 slickgrid，height = 0）它不能渲染任何行。始终在 slickgrid 根元素中设置高度样式。

【问题讨论】：

如果您找到了解决方案，请将其添加为您的问题的答案。

标签： javascript jquery slickgrid

【解决方案1】：

SlickGrid 动态呈现，我没有设置“#subgrid”的高度。因此，在“height: auto”的情况下（对于 slickgrid，height = 0）它不能呈现任何行。始终在 slickgrid 根元素中设置高度样式。

【讨论】：