slickgrid：簡單的網格渲染錯誤

Question

我想使用slickgrid來渲染一個非常簡單的表，結果是意外的。下面是代碼：

<script> 

    var grid; 

    var columns = [ 
     {id:"id", name:"ID", field:"id"}, 
     {id:"a", name:"A", field:"a"}, 
     {id:"b", name:"B", field:"b"} 
    ]; 

    var options = { 
     enableCellNavigation: false, 
     enableColumnReorder: false 
    }; 

    $(function() { 
      var data = []; 
      data[0] = { 
       id: "1", 
       a: "1", 
       b: "1" }; 
      data[1] = { 
       id: "2", 
       a: "2", 
       b: "2" }; 

       grid = new Slick.Grid("#myGrid", data, columns, options); 
       $("#myGrid").show(); 

     }); 

    </script> 

而不是顯示：

| ID | A | B | 
| 1 | 1 | 1 | 
| 2 | 2 | 2 | 

我

| ID | A | B | 
| 1 | 1 | 
| 2 | 2 | 
| 2 | 

有人能告訴我這是怎麼發生的呢？

謝謝

Answer 1

複製你的代碼和網格正確顯示給我。也許你應該檢查你的jQuery和SlickGrid版本？

這是我使用的HTML。

<table width="100%"> 
    <tr> 
     <td valign="top" width="50%"> 
     <div id="myGrid" style="width: 600px; height: 500px;"> 
     </div> 
     </td> 
     <td valign="top"> 
     <h2> 
      Demonstrates:</h2> 
     <ul> 
      <li>SlickGrid</li> 
     </ul> 
     </td> 
    </tr> 
    </table>