Html 如何使jsp表可滚动？_Html_Jsp_Scroll_Html Table

Html 如何使jsp表可滚动？

html jsp scroll

Html 如何使jsp表可滚动？,html,jsp,scroll,html-table,Html,Jsp,Scroll,Html Table,我在JSP页面上有下面的表格。表上的行数是可变的，由控制器传递的列表填充。我如何才能添加滚动到它，使表标题是固定的？我知道在JSF上很容易，但是如何在JSP上实现呢 <body> <table> <thead> <tr> <th>PO</th> <th>Product</th>

我在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>


人事军官
产品
批量大小
SPI
自动化光学检测
甲状旁腺素
检查
测验
远征
${pojo.po}
${pojo.productName}
${pojo.poSize}
${pojo.spi}
${pojo.aoi}
${pojo.pth}
${pojo.inspection}
${pojo.tests}
${pojo.exploration}

您退房了吗？

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

如果你想要一个“技术含量较低”的解决方案，只需制作一个标题div和一个可滚动的body div即可。如果这不合理，请让我知道，我可以发送一个样品

祝你好运

如果你想要一个“技术含量较低”的解决方案，只需制作一个标题div和一个可滚动的body div即可。如果这不合理，请让我知道，我可以发送一个样品

祝你好运

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

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

此外，您还可以通过以下方法消除IE中糟糕的行间距：（不幸的是，没有滚动条）

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

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

此外，您还可以通过以下方法消除IE中糟糕的行间距：（不幸的是，没有滚动条）

感谢您提供的提示，但这是用于表排序而不是表滚动的，对吗？抱歉，如果是这样，您可能需要检查jquery可滚动表插件：）感谢您提供的提示，但这是用于表排序而不是表滚动的，对吗？抱歉，如果是这样，您可能需要检查jquery可滚动表插件：）