tab在没有显示之前，容器是没有高度宽度的，而dt在自动计算高度和宽度时是获取的外部容器的高度和宽度，当切换tab时，dt获取不到这个高度宽度，导致列头都挤在一起，是用下面代码解决此问题
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { //当切换tab时，强制重新计算列宽 $.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust(); } );
还有问题的话可能就是样式有冲突了