slickgrid：简单的网格渲染错误答案

【问题标题】：slickgrid: simple grid render errorslickgrid：简单的网格渲染错误
【发布时间】：2011-07-18 15:19:42
【问题描述】：

我正在尝试使用 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 |

谁能告诉我这是怎么发生的？

谢谢

【问题讨论】：

您在 html 或 css 设计中似乎存在冲突。我有一个类似的问题，我在#myGrid div 中修复了它。请尝试设置 style:width 比您认为需要的大。

标签： slickgrid

【解决方案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>

【讨论】：