Question

我在JSP页面上有表格。表上的行数是可变的，由从控制器传递的列表填充。如何向其添加滚动以便修复表头？我知道JSF很容易，但是如何在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>

Answer 1

如果您不关心跨浏览器兼容性，可以在TBODY上使用此样式：

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

另外，你可以用以下方法摆脱IE中可怕的行间距:(不幸的是没有滚动条）

#prodReportTable TR
{
    height:1em;
}

Answer 2

您有结帐JQuery Tablesorter吗？

Answer 3

看看jqgrid（http://www.trirand.com/blog/），这是一个jquery表格网格插件。我成功地使用了它，它节省了大量的时间。它具有排序，过滤，格式化，分页和其他选项。

如果你想要一个有点“低技术”的解决方案，只需创建一个标题div和一个x-scrollable的body div。如果这没有意义，请告诉我，我可以寄样品......

祝你好运！

如何使jsp表可滚动？

3 个答案: