數據表插件固定柱，以引導標籤結合

我有一個數據表的問題插件固定列第二個選項卡上顯示（與引導選項卡）數據表插件固定柱，以引導標籤結合

這是我的javascript代碼

$(document).ready(function() { 
    $('#PRtable').DataTable({ 
    // fixedHeader: true, 
    scrollX: true, 
    oLanguage: { 
     sInfoFiltered: "" 
    }, 
    bFilter: false, 
    fixedColumns: { 
     leftColumns: 4 
    }, 
    orderable : false, 
    // "aoColumnDefs": [ 
    // { "bSortable": false, "aTargets": [ "_all" ] } 
    // ], 
    scrollY: '50vh', 
    scrollCollapse: true, 
    paging:   false 
    }); 
    $('#KK2table').DataTable({ 
    // fixedHeader: true, 
    scrollX: true, 
    oLanguage: { 
     sInfoFiltered: "" 
    }, 
    bFilter: false, 
    fixedColumns: { 
     leftColumns: 4 
    }, 
    orderable : false, 
    "aoColumnDefs": [ 
     { "bSortable": false, "aTargets": [ "_all" ] } 
    ], 
    scrollY: '50vh', 
    scrollCollapse: true, 
    paging:   false 
    }); 
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
    $($.fn.dataTable.tables(true)).DataTable() 
     .columns.adjust(); 
    });  
}); 
function test(e){ 
    document.getElementById('head'+e).innerHTML += "<br>Trident"; 
}

正如你可以看到圖片上的列就像是「第二個選項卡」上的扭曲，但是如果我在第一個選項卡上進行操作，它的工作原理完全正常。

這裏jsfiddle code

更新：我忘了提，如果你看一下，你會發現一個按鈕，將追加在第一列的一些文本的表格，的擊打它似乎數據表插件做重複表和我的javascript功能上該按鈕僅在數據表格後面的工作臺上工作

來源

2017-05-09 Alexander Chandra

您已包含多個版本的DataTables - 1.9.4和1.10.15。刪除舊的後可以正常工作，請參閱updated example。

來源

2017-05-09 12:06:46

數據表插件固定柱，以引導標籤結合

回答

相關問題