Jquery Datatables Multiple Header問題

Question

當我設置我的數據表具有多個標題行時，已設置的swidth參數將被忽略。有沒有什麼方法可以告訴數據表的標題應該是第二行而不是第一行？我搜索了SO和數據表dotnet文檔並找不到任何東西。

在圖片中，第一列（年份）應該比其他所有列顯着更寬。當有一個標題行時，這很好，但當有兩個標題行時，我指定的寬度（使用swidth）將被忽略。

Answer 1

這對我的作品在Safari，火狐和Chrome：http://jsfiddle.net/Zbn3j/

<table id=test> 
    <thead> 
     <tr><th colspan=4>Cars</th></tr> 
     <tr><th>Year</th><th>Unit</th><th>Time</th><th>Status</th></tr> 
    </thead> 
    <tbody> 
     <tr><td>r1,c1</td><td>r1,c2</td><td>r1,c3</td><td>r1,c4</td></tr> 
     <tr><td>r2,c1</td><td>r2,c2</td><td>r2,c3</td><td>r2,c4</td></tr> 
    </tbody>  
</table> 

有了這個調用的dataTable：

$('#test').dataTable(
    { 
      "aoColumnDefs": [{ "sWidth": "200px", "aTargets": [ 0 ] }] 
    }); 

這是如何從你的代碼不同，或經驗？

Answer 2

我終於明白了這一點。我一直在使用Foundation CSS（主要用於網格），並發現它將一些有問題的CSS規則應用於我的TD元素。

table tr td { 
    padding: 0.5625em 0.625em; 
} 

我看到了這些規則，無數次的元素檢查，但忽略了他們，因爲我不認爲他們可能會引起麻煩。在消除過程之後，我發現他們是罪魁禍首。