如何使jsp表可滾動？

我在JSP頁面上有下表。表中的行數是可變的，由控制器傳遞的列表填充。我如何添加滾動，以便表頭是固定的？我知道在JSF上很容易，但是如何在JSP上執行它？如何使jsp表可滾動？

<body> 

    <table> 
     <thead> 
      <tr> 
       <th>PO</th> 
       <th>Product</th> 
       <th>Batch Size</th> 
       <th>SPI</th> 
       <th>AOI</th> 
       <th>PTH</th> 
       <th>Inspection</th> 
       <th>Tests</th> 
       <th>Expedition</th> 
      </tr> 
     </thead> 
     <tbody id="prodReportTable"> 
      <c:forEach var="pojo" items="${list}"> 
       <tr> 
        <td>${pojo.po}</td> 
        <td>${pojo.productName}</td> 
        <td>${pojo.poSize}</td> 
        <td>${pojo.spi}</td> 
        <td>${pojo.aoi}</td> 
        <td>${pojo.pth}</td> 
        <td>${pojo.inspection}</td> 
        <td>${pojo.tests}</td> 
        <td>${pojo.expedition}</td> 
       </tr> 
      </c:forEach> 
     </tbody> 
    </table> 

</body>

來源

2011-11-11 gtludwig

如果你不關心跨瀏覽器兼容，你可以用這個款式上TBODY：

#prodReportTable 
{ 
    overflow-y:scroll; 
    height:200px; 
    position:absolute; 
}

此外，您還可以擺脫可怕的行距在IE瀏覽器：（沒有滾動條不幸的是）

#prodReportTable TR 
{ 
    height:1em; 
}

來源

2011-11-13 11:06:25 Matthew

您是否退房JQuery Tablesorter？

來源

2011-11-11 13:04:50 fyousof

謝謝你的提示，但這是表格排序不是表滾動，對不對？ – gtludwig

對不起，如果是這樣你可能想檢查jQuery的可滾動表插件:) http://www.farinspace.com/jquery-scrollable-table-plugin/ – fyousof

看看jqgrid（http://www.trirand.com/blog/），它是一個jQuery表格網格插件。我成功地使用了它，並節省了大量的時間。它具有排序，篩選，格式化，分頁和其他選項。

如果你想要一個有點'低技術'的解決方案，只需製作一個頭部div和一個可以X滾動的body div。如果這沒有任何意義，請讓我知道，我可以發送樣品...

祝你好運！

來源

2011-11-12 19:52:30 Mike

如何使jsp表可滾動？

回答

相關問題