引导表不会排序

Question

我正在创建一个像这样的 bootstrap 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
        }
    ]
});

默认情况下它将对第二列进行降序排序。但是，无法单击表头来更改排序顺序。我错过了什么？在对应的example 中是这样完成的。

Answer 1

该表尚未添加到 DOM。您正在 sn-p 的第一行创建一个新的 table 节点，并在下一行的该节点上调用 bootstrapTable。这很好，节点将正确显示，但不会是交互式的（例如排序不起作用）。

为了让引导表正常工作，请确保在调用 bootstrapTable 方法时节点已经存在于 DOM 中。这是因为 bootstrap table 想要将 table 节点转换为 bootstrap table 结构，这在 DOM 之外不起作用。