Javascript 倾斜JS-网格显示标题，但不显示数据

所以我试着用斜倚。我遵循了教程，我可以让网格显示标题，但它不显示我当前拥有的数据：

var data = [
    {id: 0, date: '2011-01-01', x: 1, y: 2, z: 3, country: 'DE', geo: {lat:52.56, lon:13.40} },
    {id: 1, date: '2011-02-02', x: 2, y: 4, z: 24, country: 'UK', geo: {lat:54.97, lon:-1.60}},
    {id: 2, date: '2011-03-03', x: 3, y: 6, z: 9, country: 'US', geo: {lat:40.00, lon:-75.5}},
    {id: 3, date: '2011-04-04', x: 4, y: 8, z: 6, country: 'UK', geo: {lat:57.27, lon:-6.20}},
    {id: 4, date: '2011-05-04', x: 5, y: 10, z: 15, country: 'UK', geo: {lat:51.58, lon:0}},
    {id: 5, date: '2011-06-02', x: 6, y: 12, z: 18, country: 'DE', geo: {lat:51.04, lon:7.9}}
    ];

            var dataset = new recline.Model.Dataset({
                records: data
            });
            var $el = $('#mygrid');
            var grid = new recline.View.SlickGrid({
                model: dataset,
                el: $el
            });
            grid.visible = true;
            grid.render();

我有教程中列出的所有依赖项。我想知道是什么原因导致它不能按预期工作？

试试css

    .recline-slickgrid 
    {
      height: 500px;
    }