Несколько ручных столов на одной странице

Я пытаюсь добавить два handsontable на одну и ту же страницу в своем проекте, но это не работает.

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

Но это не работает. Отображается только первая таблица. Если я закомментирую первый, то появится второй. Я вижу в примерах проекта, что действительно несколько таблиц на одной странице работают правильно. Так что я делаю неправильно здесь.


jquery handsontable
person NVM    schedule 27.09.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Ok. Я не уверен, почему это работает таким образом, но разделение вызовов handsontable на два тега script, по одному для каждой таблицы, решает проблему.

person NVM    schedule 30.09.2013
comment
Просто к вашему сведению для тех, кто придет позже, приведенный выше код отлично работал у меня без разделения на два тега сценария. Не уверен, что это была разница в версии браузера или портативной версии или что-то еще, но приведенный выше код работал у меня без изменений. - person rossdavidh; 12.08.2014