有rowpan和表格佈局fixe時的表列寬度

Question

我堅持修復我的html表格的第二列的寬度。

下面是我的表的PRINTSCREEN：

下面是CSS代碼：

#RevenueMTable tbody, #RevenueMTable thead { 
display: block; 
} 

#RevenueMTable { 
    width: 1115px; 
    table-layout: fixed !important; 
} 

#RevenueMTable tbody td:first-child 
{ 
    width: 138px !important; 
} 

#RevenueMTable tbody td:not(:first-child) 
{ 
    width: 72px !important; 

} 

#RevenueMTable tbody 
{ 
    overflow: auto; 
    height: 400px; 

} 

的問題是，我的第一列的4行的行跨度。因此，例如，包含「COST」的單元格是行標記中的第一個TD元素，因此也應用了138px的寬度，儘管它應該被視爲第二列。

我該如何解決這個問題？

我試圖將列寬定義如下，但無法正常工作或：

$('<col style="width:138px"><col style="width:72px"><col style="width:72px"><col style="width:72px"><col style="width:72px"><col style="width:72px"> <col style="width:72px"><col style="width:72px"><col style="width:72px"><col style="width:72px"><col style="width:72px"><col style="width:72px"><col style="width:72px"><col style="width:72px">').insertBefore($("#RevenueMTable thead")) 

Answer 1

你已經對你的TD元素的類。您可以直接使用這些列來定位列。我改變了規則的順序，以便它們能夠根據特異性正確覆蓋。

#RevenueMTable tbody td 
{ 
    width: 72px !important; 

} 

#RevenueMTable tbody td.column0 { 
    width: 138px !important; 
} 

Answer 2

#RevenueMTable tbody td:nth-child(2) 
    { 
     width: 72px !important; 
    }