Javascript 带有scrollX和引导模式的jQuery数据表问题

在我的应用程序中，我打开了一个包含jQuery数据表的模式，并尝试使用scrollX选项，但我有以下输出：

我在jQuery文档中看到了如何使用引导选项卡解决这个问题，但在modal上没有看到。如果你需要我的项目，我会更新问题。 我试过了

---

但什么也没发生。非常感谢任何帮助。

如果有人和我有同样的问题，我通过在“show.bs.modal”上调用ajax解决了这个问题。我实际做的是在表可见之前创建它，所以这是我的问题。现在，我打开模式，然后才初始化数据表。 此外，我还必须使用“销毁”：这是真的。例如，这是我的简化代码：

$('#assignVendorModal').on('shown.bs.modal',function(){
    tableModal = $("#vendorsModalTable").DataTable({
    ajax:{
        url:[my_url],
        dataSrc:function(data){
            //Do something maybe with the data...
        }
    },
    "initComplete":function(settings,json){
        //When table is initialized...
    },
    columns:[
        //columns data mapping
    ],
    "scrollX":true,
    "destroy":true
    });
});

$('#assignVendorModal').on('shown.bs.modal',function(){
    tableModal = $("#vendorsModalTable").DataTable({
    ajax:{
        url:[my_url],
        dataSrc:function(data){
            //Do something maybe with the data...
        }
    },
    "initComplete":function(settings,json){
        //When table is initialized...
    },
    columns:[
        //columns data mapping
    ],
    "scrollX":true,
    "destroy":true
    });
});