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>

slickgrid：简单的网格渲染错误

1 个答案: