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

我有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();

var表=”；
表=”；
表+=”；
表+=”；
表+=“行动”；
表+=“PAX”；
表+=“组号”；
表+=“组名”；
表+=”；
表+=”；
表+=”；
对于（var j=0；j

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

但是，当我声明一个静态表而不是将该表附加到DIV标记时，它看起来很好，导出选项也会出现并起作用。这就是顶部标题的外观

---

如何解决此问题？

您可以通过向数据表发送dom对象来定位按钮。如何？我想也许我需要实际使用DOM对象，以便导出选项显示在顶部。问题是怎么做？我真的不知道：X。另外，正如我上面提到的，当我有一个静态表时，导出工作非常完美。但当我将其填充为动态表时，导出根本不会显示！！。。。