在Struts2顯示錶如何固定表的標題行

Question

如何固定在Struts2顯示錶表的標題行..

下面的代碼是在struts2的顯示錶

<display:table id="approvalList" name="approvalList" pagesize="${PAGESIZE}" export="false" style="width:934px;align:right;overflow: auto" class="tableHeading" requestURI="approval-list" > 
<display:column title="Reports" sortable="false" style="width:11%;text-decoration:none;text-align:left;">111</display:column> 
<display:column title="Project No." sortable="false" style="width:13%;text-decoration:none;text-align:left;">222</display:column> 
<display:column title="Status" sortable="false" style="width:16%;text-decoration:none;text-align:left;">333</display:column> 
<display:column title="Client Name" sortable="false" style="width:18%;text-decoration:none;text-align:left;">444</display:column> 
<display:column title="Project Name" sortable="false" style="width:20%;text-decoration:none;text-align:left;">555</display:column> 
<display:column title="Set No." sortable="false" style="width:10%;text-decoration:none;text-align:left;">666</display:column> 
<display:column title="Placed Date" sortable="false" style="width:12%;text-decoration:none;text-align:center;">777</display:column>    </display:table> 

上述代碼生成低於HTML代碼的那如何固定表頭行。

<table id="approvalList" style="width:934px;align:right;overflow: auto" class="tableHeading"> 
    <thead> 
    <tr> 
     <th>Reports</th> 
     <th>Project No.</th> 
     <th>Status</th> 
     <th>Client Name</th> 
     <th>Project Name</th> 
     <th>Set No.</th> 
     <th>Placed Date</th> 
    </tr> 
</thead> 
<tbody>  
    <tr class="even"> 
     <td style="width:11%;text-decoration:none;text-align:left;">111</td> 
     <td style="width:13%;text-decoration:none;text-align:left;">222</td> 
     <td style="width:16%;text-decoration:none;text-align:left;">333</td> 
     <td style="width:18%;text-decoration:none;text-align:left;">444</td> 
     <td style="width:20%;text-decoration:none;text-align:left;">555</td> 
     <td style="width:10%;text-decoration:none;text-align:left;">666</td> 
     <td style="width:12%;text-decoration:none;text-align:left;">777</td> 
    </tr> 
    <tr class="odd"> 
     <td style="width:11%;text-decoration:none;text-align:left;">111</td> 
     <td style="width:13%;text-decoration:none;text-align:left;">222</td> 
     <td style="width:16%;text-decoration:none;text-align:left;">333</td> 
     <td style="width:18%;text-decoration:none;text-align:left;">444</td> 
     <td style="width:20%;text-decoration:none;text-align:left;">555</td> 
     <td style="width:10%;text-decoration:none;text-align:left;">666</td> 
     <td style="width:12%;text-decoration:none;text-align:left;">777</td> 
    </tr> 
</tbody> 
</table> 

Answer 1

Struts不會給你，但CSS或/和Javascript呢。

嘗試http://www.tablefixedheader.com/或http://www.imaputz.com/cssStuff/bigFourVersion.html。一切都取決於你的要求。

另一種推薦，避免內聯樣式（樣式屬性）和喜歡CSS文件和類屬性。他們有很多優點，你只需要在谷歌上搜索它。

我希望這可以幫到你，任何評論都會受到歡迎。