具有數據表的複雜表頭

我正在使用不帶滾動的數據表固定表頭擴展。複雜標題（帶有rowspan和colspan的標題）的列未正確對齊。查看圖片和codepen示例。具有數據表的複雜表頭

$(document).ready(function() { 
    $('#example').DataTable({ 
    "paging": false, 
    "ordering": false, 
    "info": false, 
    "searching": false, 
    fixedHeader: { 
    header: true, 
    footer: true 
    }, 
    }); 
});

關於如何解決此問題的任何想法？

Codepen example

來源

2016-10-11 user6952315

請給每個COLS科拉姆寬度。這將解決問題。

<colgroup> 
    <col width="20%" /> 
    <col width="15%" /> 
    <col width="15%" /> 
    <col width="15%" /> 
    <col width="15%" /> 
    <col width="15%" /> 
</colgroup>

來源

2016-10-11 09:51:42

謝謝Aneesh的建議。當視口的寬度大約爲1330像素或更寬時，它確實有效。在較窄的視口上，跨越3個單元格的標題下方的列仍未對齊。 – user6952315

這裏是一個新的[codepen]，顯示我的意思：（https://codepen.io/135679/pen/zKadJa） – user6952315

具有數據表的複雜表頭

回答

相關問題