2011-07-18 7 views
1

私は非常に単純なテーブルをレンダリングするためにslickgridを使用しようとしていますが、その結果は予想外です。ここでは、コードは次のとおりです。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 | 

を持って誰かがこれが起こる可能性がどのように教えてもらえますか?

ありがとう

+0

あなたはhtmlやCSSデザインに矛盾があるようです。私は同様の問題を抱えていて、#myGrid divで修正しました。スタイルを設定しようとしてください:あなたが必要と考えるよりも大きな幅。 –

答えて

0

コードとグリッドが正しく表示されます。たぶんあなたの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>