ScrollX和Bootstrap模態的jQuery Datatable問題

Question

在我的應用程序中，我正在打開一個包含jQuery Datatable的模式，並且嘗試使用scrollX選項，但是我得到以下輸出：

我在jQuery Documentation上看到了如何使用Bootstrap選項卡解決此問題，但是在模式上什么也沒有。 如果您需要我的項目中的任何內容，我將更新問題。 我試過了

$('#vendorsModalTable').on('draw.dt', function () {
    $('#vendorsModalTable').DataTable().scroller.measure();
});

但是什么也沒發生。 任何幫助深表感謝。

Answer 1

如果有人和我有同樣的問題，我可以通過在“ shown.bs.modal”上進行ajax調用來解決。 我實際上在做的是在表格可見之前創建表格，所以這是我的問題。 現在，我打開模態，然后才初始化數據表。 另外，我必須使用“ 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
    });
});