Таблица начальной загрузки не сортируется

Question

Я создаю таблицу начальной загрузки 4 следующим образом:

dataElement = $('<table id="' + questionID + 'table" data-toggle="table">');
dataElement.bootstrapTable({
    url: "api/eval/getAnswersToQuestion.php",
    method: "post",
    contentType: "application/x-www-form-urlencoded",
    queryParams: function(params){
        params["questionID"] = questionID;
        return params;
    },
    sortable: true,
    sortName: questionID,
    columns: [
        {
            field: 'token',
            title: 'Answer token'
        },
        {
            field: questionID,
            title: 'Answer',
            sortable: true
        }
    ]
});

По умолчанию сортируется второй столбец по убыванию.Однако щелкнуть заголовок таблицы невозможно, чтобы изменить порядок сортировки.Что я упустил?В соответствующем примере это сделано так.

Answer 1

Таблица еще не добавлена ​​в DOM.Вы создаете новый узел table в первой строке своего фрагмента и вызываете bootstrapTable для этого узла в следующей строке.Что совершенно нормально, узел будет отображаться правильно, но он не будет интерактивным (например, сортировка не будет работать).

Чтобы таблица начальной загрузки работала правильно, убедитесь, что узел ужесуществует в DOM, когда вызывается метод bootstrapTable.Это связано с тем, что таблица начальной загрузки хочет преобразовать узел таблицы в структуру таблицы начальной загрузки, которая не работает вне DOM.