在同一页面上有多个handontable

Question

我正在尝试在我的项目中向同一页面添加两个handontable，但它不起作用。

$(function () {

    $table1= $("#table1");
    $table2= $("#table2");

    var data1 = [
          ["", "", "", ""]
    ];

    $table1.handsontable({
        data: data1,
        minSpareRows: 1,
        colHeaders: ["#", "1", "2", "3"]
    });

    var data2= [
        ["", "", ""]
    ];

    $table2.handsontable({
        data: data2,
        minSpareRows: 1,
        colHeaders: ["#", "1", "2"]
    });
})

但这不起作用。仅显示第一个表。如果我注释掉第一个，那么第二个就会显示出来。我在项目示例中看到，同一页面上确实有多个表正常工作。那么我在这里做错了什么。

Answer 1

确定。我不确定为什么它会以这种方式工作，但将调用handontable分成两个脚本标记，每个表一个，解决问题。