2

SlickGrid を使い始めたばかりですが、何か不足しているかどうかはわかりませんが、この単純なコードは機能していないようです。ヘッダーは表示されていますが、行は表示されていません。

グリッド コード:

var grid;
var data = [
   { ID: 1, VALUE: "Value1"},
   { ID: 2, VALUE: "Value2"},
   { ID: 3, VALUE: "Value3"},
   { ID: 4, VALUE: "Value4"},
   { ID: 5, VALUE: "Value5"}
];
var columns = [
   {name:'ID NUM', field:'ID', id:'ID'},
   {name:'VALUE', field:'VALUE', id:'VALUE'}    
];
var options = {
    enableCellNavigation: true,
    enableColumnReorder: false
};
grid = new Slick.Grid("#container-div", data, columns, options);
grid.render();

何らかの理由で、最初の行の最初のセルのみが html でレンダリングされ、表示されていません。

HTML:

<div class="slick-viewport" style="width: 100%; overflow: auto; outline: 0px none; position: relative; height: 0px;">
   <div class="grid-canvas" style="height: 150px; width: 880px;">
      <div class="ui-widget-content slick-row even" style="top:0px">
        <div class="slick-cell l0 r0">1</div>
      </div>
   </div>
</div>
4

1 に答える 1