Bootstrap表不会排序

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中。这是因为bootstrap表想要将表节点转换为引导表结构，这在DOM之外不起作用。