jquery - 同じページに複数のhandsontable

Question

プロジェクトの同じページに 2 つのハンドソン テーブルを追加しようとしていますが、うまくいきません。

$(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"]
    });
})

しかし、これはうまくいきません。最初のテーブルのみが表示されます。最初のものをコメントアウトすると、2番目のものが表示されます。プロジェクトのサンプルを見ると、同じページに実際に複数のテーブルが正しく機能していることがわかります。それで、私はここで何を間違っていますか。