带有高级工具的Porto Theme基本表的问题

Question

我有JSON数据，因此我正在构建表。下面是我的代码的一部分。

var table = '';
table = " <table class='table table-bordered table-striped mb-0' id='datatable-tabletools'>";
table += "<thead>";
table += "<tr>";
table += "<th> <i class='glyphicon glyphicon-wrench'></i> Actions</th>";

table += "<th>PAX</th>";
table += "<th>Group No</th>";
table += "<th>Group Name</th>";

table += "</tr>";
table += "</thead>";

table += "<tbody>";

for (var j = 0; j < data.length; j++) {
    table += "<tr>";

    table += "<td>" + data[j]["PAX"] + "</td>";
    table += "<td>" + (data[j]["GroupNo"] == undefined ? '' : data[j]["GroupNo"]) + "</td>";
    table += "<td>" + (data[j]["GroupName"] == undefined ? '' : data[j]["GroupName"]) + "</td>";

    table += "</tr>";
}

table += "</tbody>";
table += "</table>";

$('#gridContainer').html(table);
$("table#datatable-tabletools").dataTable();

如您在上面的代码中看到的，我试图将其附加到具有id =“ gridContainer”的div中。到这里为止，我已经按照要求启动并运行了，但是问题是我的EXPORT栏根本没有出现。目前，搜索，排序功能和表结构都很好。下面是当前效果的屏幕截图。

但是当我声明一个静态表而不是将表追加到DIV标记上时，它看起来很好，并且导出选项也出现了并且是功能。这就是顶部标题的外观

如何解决此问题？