我們怎樣才能凍結HTML表第一欄和標題

-1

我沒有什麼好的解決辦法來解決它有以下類型結構的表頭和列：我們怎樣才能凍結HTML表第一欄和標題

<table>  
    <thead>   
     <tr>    
      <th colspan="4">Current</th>    
      <th colspan="4">New/Requested</th>   
     </tr>   
     <tr>    
      <th nowrap="nowrap">RSD &nbsp;&nbsp;&nbsp;&nbsp;</th>   
      <th nowrap="nowrap">CRSD &nbsp;&nbsp;&nbsp;&nbsp;</th>    
      <th nowrap="nowrap">MSD &nbsp;&nbsp;&nbsp;&nbsp;</th>    
      <th nowrap="nowrap">Open QTY &nbsp;&nbsp;&nbsp;&nbsp;</th>    
      <th nowrap="nowrap">CRD &nbsp;&nbsp;&nbsp;&nbsp;</th>    
      <th nowrap="nowrap">CRSD &nbsp;&nbsp;&nbsp;&nbsp;</th>   
      <th nowrap="nowrap">MSD &nbsp;&nbsp;&nbsp;&nbsp;</th>    
      <th nowrap="nowrap">Open QTY &nbsp;&nbsp;&nbsp;&nbsp;</th>    
      <th nowrap="nowrap">Action</th>    
      <th nowrap="nowrap">Reason</th>    
      <th nowrap="nowrap">Action Code Status </th>   
     </tr> 
    </thead>  
    <tbody>   
     <tr>    
      <td></td>    
      <td></td>     
      .....plenty of rows   
     </tr>  
    </tbody> 
</table>

，並通過Ajax調用得到填充，請提供一個很好的解決方案，我可以使用我以前的css。（意味着它不需要任何css更改）。

來源

2012-05-23 user1397770

如果你沒有在你的頭使用合併單元格，此作品不錯http://fixedheadertable.com/但如果你使用合併單元格時，跨越列將隱藏起來。 –

只有RSD列 – user1397770

這個鏈接是很好的解決方案，但我必須使用他們的CSS ..你能告訴我如何使用這個解決方案，而不必改變我以前的CSS（我也想修正列） – user1397770

-1

你可以嘗試像你的解決了這個

<table>  
    <thead>   
     <tr>    
      <th colspan="4">Current</th>    
      <th colspan="4">New/Requested</th>   
     </tr>   
     <tr>    
      <th nowrap="nowrap">RSD aaaa</th>   
      <th nowrap="nowrap">CRSD aaaa</th>    
      <th nowrap="nowrap">MSD aaaa</th>    
      <th nowrap="nowrap">Open QTY aaaa</th>    
      <th nowrap="nowrap">CRD aaaa</th>    
      <th nowrap="nowrap">CRSD aaaa</th>   
      <th nowrap="nowrap">MSD aaaa</th>    
      <th nowrap="nowrap">Open QTY aaaa</th>    
      <th nowrap="nowrap">Action</th>    
      <th nowrap="nowrap">Reason</th>    
      <th nowrap="nowrap">Action Code Status </th>   
     </tr> 
    </thead> 
</table> 
<div style='height: 150px; overflow: scroll;'> 
<table> 
    <tbody>   
     <tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr><tr>    
      <td>a</td>    
      <td>a</td>   
     </tr>  
    </tbody> 
</table> 
</div>

來源

2012-05-23 04:28:28

你是對的，但根據你的解決方案標題將顯示全寬度。我需要的是該列當前新/請求將在水平滾動時修復並且標頭將被修復垂直滾動 – user1397770

使用CSS。

爲您需要的所有列創建第一個表格，並僅顯示第一個固定列值，其餘列表創建另一個表格。

併爲內部表給出一個特定的寬度和高度，並給出一個CSS溢出：滾動;

可能是這個鏈接可以幫助你理解我的意思http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow

來源

2012-06-09 21:31:26

我們怎樣才能凍結HTML表第一欄和標題

回答

相關問題