2012-08-15 98 views
0

好吧,我的問題是這樣的,我有一個主表和<td>的withing所有pefectly排列起來,擴大nicley的表,如果頭<th>的WRE beigger等等表自動具有相同的寬度

我不得不將這個表分成兩個表格,因爲我想要頂部分別獨立於底部部分進行排序。現在問題是我必須在底部表格中手動設置<td>的寬度,以便它具有與頂部表格相同的寬度。有沒有辦法讓他們自動設置?

<table align="center" class="data_table" style="border-bottom-style: none; margin-bottom: 0px;"> 

    <tr> 
     <th> 
     </th> 
    </tr> 
</table> 

<table align="center" class="data_table" style="border-top-style: none; margin-top: 0px;"> 

    <tr> 
     <th colspan="9 title="Source of Repair (SOR) Remarks">SOR Remarks</th> 
    </tr> 
    <tr> 
     <td width="845px" colspan="9"> 
      <textarea name="mcRemark" rows="7" cols="100" scrolling="auto">${mcRemark}</textarea> 
     </td> 
    </tr> 

<td width="845px" colspan="9"> 是頂級表的大小,可以改變....這就是我的問題

回答

1

他們現在是獨立的表,這樣的寬度會有所不同。

您可以使用data_table類將兩個表中的單元格寬度設置爲相同。

否則我會想象你可以使用javascript來抓取第一個表格單元格的寬度並使用這些值來設置第二個表格的單元格。雖然有點雜亂。

1

不用javascript/jQuery解決方案,不,用簡單的HTML/CSS無法做到這一點。通過將所有數據包含在一張表中來重新考慮您的解決方案,這樣TH將決定列的寬度。

1

您可以將它們放回到同一個表格中,然後選取一行來分隔它們並對該行進行樣式設置以使其不可見。通過邊框顏色和背景顏色。虛擬兩張桌子。

相關問題