Slickgrid 向DataView网格添加数据

我想在SlickGrid中向DataView添加数据，我有一个代码：

var columns = [
               {id: "title", name: "Title", field: "title"},
               {id: "duration", name: "Duration", field: "duration"},
               {id: "%", name: "% Complete", field: "percentComplete"},
               {id: "start", name: "Start", field: "start"},
               {id: "finish", name: "Finish", field: "finish"},
               {id: "effort-driven", name: "Effort Driven", field: "effortDriven"}
             ];    

$(document).ready(function() {
        for (var i = 0; i < 200; i++) {
              data[i] = {
                id: "id_" + i,
                title: "Task " + i,
                duration: "5 days",
                percentComplete: Math.round(Math.random() * 100),
                start: "01/01/2009",
                finish: "01/05/2009",
                effortDriven: (i % 5 == 0)
              };
            }

        dataView = new Slick.Data.DataView({ inlineFilters: true });
        grid = new Slick.Grid("#myGrid", dataView, columns, options);
        dataView.beginUpdate();
        dataView.setItems(data);
        dataView.setFilter(filter);
        dataView.endUpdate();
    });

var列=[
{id:“title”，name:“title”，field:“title”}，
{id:“duration”，name:“duration”，field:“duration”}，
{id:“%”，名称：“%Complete”，字段：“percentComplete”}，
{id:“开始”，name:“开始”，field:“开始”}，
{id:“finish”，name:“finish”，field:“finish”}，
{id:“努力驱动”，名称：“努力驱动”，字段：“努力驱动”}
];    
$（文档）.ready（函数（）{
对于（变量i=0；i<200；i++）{
数据[i]={
id:“id”+i，
标题：“任务”+i，
持续时间：“5天”，
完成百分比：Math.round（Math.random（）*100），
开始日期：“01/01/2009”，
完成日期：“01/05/2009”，
轻松驱动：（i%5==0）
};
}
dataView=new Slick.Data.dataView（{inlineFilters:true}）；
grid=new Slick.grid（“#myGrid”、数据视图、列、选项）；
dataView.beginUpdate（）；
dataView.setItems（数据）；
setFilter（filter）；
endUpdate（）；
});

但我只看到滚动条和列标题，但看不到任何数据，为什么？

试试这个

var columns = [
               {id: "title", name: "Title", field: "title"},
               {id: "duration", name: "Duration", field: "duration"},
               {id: "%", name: "% Complete", field: "percentComplete"},
               {id: "start", name: "Start", field: "start"},
               {id: "finish", name: "Finish", field: "finish"},
               {id: "effort-driven", name: "Effort Driven", field: "effortDriven"}
             ];    

$(document).ready(function() {
        for (var i = 0; i < 200; i++) {
              data[i] = {
                id: "id_" + i,
                title: "Task " + i,
                duration: "5 days",
                percentComplete: Math.round(Math.random() * 100),
                start: "01/01/2009",
                finish: "01/05/2009",
                effortDriven: (i % 5 == 0)
              };
            }

        dataView = new Slick.Data.DataView({ inlineFilters: true });
        grid = new Slick.Grid("#myGrid", dataView, columns, options);
        dataView.beginUpdate();
        dataView.setItems(data);
        dataView.setFilter(filter);
        dataView.endUpdate();
        dataView.render(); //You missed this rendering part. this should work now.
    });

var列=[
{id:“title”，name:“title”，field:“title”}，
{id:“duration”，name:“duration”，field:“duration”}，
{id:“%”，名称：“%Complete”，字段：“percentComplete”}，
{id:“开始”，name:“开始”，field:“开始”}，
{id:“finish”，name:“finish”，field:“finish”}，
{id:“努力驱动”，名称：“努力驱动”，字段：“努力驱动”}
];    
$（文档）.ready（函数（）{
对于（变量i=0；i<200；i++）{
数据[i]={
id:“id”+i，
标题：“任务”+i，
持续时间：“5天”，
完成百分比：Math.round（Math.random（）*100），
开始日期：“01/01/2009”，
完成日期：“01/05/2009”，
轻松驱动：（i%5==0）
};
}
dataView=new Slick.Data.dataView（{inlineFilters:true}）；
grid=new Slick.grid（“#myGrid”、数据视图、列、选项）；
dataView.beginUpdate（）；
dataView.setItems（数据）；
setFilter（filter）；
endUpdate（）；
dataView.render（）；//您错过了这个呈现部分。现在应该可以了。
});

试试这个

var data = [];
var options = {};
var columns = [
        {id: "title", name: "Title", field: "title"},
        {id: "duration", name: "Duration", field: "duration"},
        {id: "%", name: "% Complete", field: "percentComplete"},
        {id: "start", name: "Start", field: "start"},
        {id: "finish", name: "Finish", field: "finish"},
        {id: "effort-driven", name: "Effort Driven", field: "effortDriven"}
     ];    

$(document).ready(function() {
    for (var i = 0; i < 200; i++) {
        data[i] = {
            id: "id_" + i,
            title: "Task " + i,
            duration: "5 days",
            percentComplete: Math.round(Math.random() * 100),
            start: "01/01/2009",
            finish: "01/05/2009",
            effortDriven: (i % 5 == 0)
        };
    }

    dataView = new Slick.Data.DataView({ inlineFilters: true });
    dataView.beginUpdate();
    dataView.setItems(data);
    dataView.endUpdate();

    grid = new Slick.Grid("#myGrid", dataView, columns, options);
});

var数据=[]；
var选项={}；
变量列=[
{id:“title”，name:“title”，field:“title”}，
{id:“duration”，name:“duration”，field:“duration”}，
{id:“%”，名称：“%Complete”，字段：“percentComplete”}，
{id:“开始”，name:“开始”，field:“开始”}，
{id:“finish”，name:“finish”，field:“finish”}，
{id:“努力驱动”，名称：“努力驱动”，字段：“努力驱动”}
];    
$（文档）.ready（函数（）{
对于（变量i=0；i<200；i++）{
数据[i]={
id:“id”+i，
标题：“任务”+i，
持续时间：“5天”，
完成百分比：Math.round（Math.random（）*100），
开始日期：“01/01/2009”，
完成日期：“01/05/2009”，
轻松驱动：（i%5==0）
};
}
dataView=new Slick.Data.dataView（{inlineFilters:true}）；
dataView.beginUpdate（）；
dataView.setItems（数据）；
endUpdate（）；
grid=new Slick.grid（“#myGrid”、数据视图、列、选项）；
});

请同时发布您的HTML。您是否为#myGrid元素定义了宽度/高度？