引导表无法排序

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中。您正在代码段的第一行中创建一个新的table节点，并在下一行中的该节点上调用bootstrapTable。完全可以，该节点将正确显示，但不会进行交互（例如，排序将无效）。

为了使引导表正常工作，请确保在调用bootstrapTable方法时DOM中已经存在该节点。这是因为引导表希望将表节点转换为引导表结构，该结构在DOM外部不起作用。