凍結JSP表頭和列

Question

我正在嘗試獲取表格佈局類似於：在jsp頁面上的http://www.massless.org/_tests/grid1/。第一行是表格標題和前4/5列是固定的。 我用下面的結構在我的jsp中：

<div id="tableData"> 
    <table id="data"> 
     <thead> 
     . 
     . 
     . 
     </thead> 
     <tbody> 
     . 
     . 
     . 
     </tbody> 
    </table> 
</div> 

請爲我提供最好的解決方案。

Answer 1

html: 
----- 
<table> 
    <thead> 
     <tr> 
      <td>col1</td> 
      <td>col2</td> 
     </tr> 
    </thead> 
    <tbody> 
    </tbody> 
</table> 

javascript: 
------------ 
$(function() { 
    for (var i = 0; i < 20; i++) { 
     var a = Math.floor(10 * Math.random()); 
     var b = Math.floor(10 * Math.random()); 
     var row = $("<tr>").append($("<td>").html(a + " + " + b + " =")) 
          .append($("<td>").html(a + b)); 
     $("tbody").append(row); 
    } 
}); 

css: 
--- 

tbody { 
    background-color: #ddd; 
    height: 100px; 
    overflow: auto; 
} 
td { 
    padding: 3px 10px; 
}