1

我有要求，需要表格内的表格行，不包括可滚动的头行。我已经尝试如下，但这并没有给出预期的结果： 

 <table id="applicantList1" border="1" align="left">
<tr><td align="center" colspan="4"><b>Select one record from the below list for proceeding further </b></td></tr>
<tr><th>View</th><th>Name</th><th>Address</th><th>Pan No</th></tr>
  <c:forEach items="${applicantList}" var = "applicantList">  
    <div id="applicantList2" align="center" style="height:1px;width: 10px">
    <tr>
        <td>${applicantList[0]}</td>
        <td>${applicantList[1]}</td>
        <td>${applicantList[2]},${applicantList[3]},${applicantList[4]},${applicantList[5]},${applicantList[6]},${applicantList[7]}</td>
        <td>${applicantList[8]}</td>
      </tr> 
    </div>                
  </c:forEach> 
</table>

如果有人有想法，请与我分享。

4

4 回答 4

0

为了避免滚动标题，我会尝试创建一个由两个对齐的表组成的结构。一个用于标题，第二个用于正文。这样你就可以确保只有第二个表滚动

如果您对第三方解决方案持开放态度，我也会推荐 Telerik 网格，因为它们都支持这种行为

于 2013-05-20T04:57:39.457 回答
0

不是你使用它的方式。使用列表而不是在 div 中强制使用 tr。

于 2013-05-20T04:59:27.877 回答
0

您可以使用 css 解决此问题：

您可以将表格放在 a<div>中，并将其位置设置为相对。在<div>set表里面继承position属性。将表中的 设置为position: absolute和top: 0，表中其余元素的位置应设置为inherit。

于 2013-05-20T05:00:35.303 回答
0

你会使用 JavaScript 吗？jQuery？您需要支持哪些浏览器？

仅 CSS 的解决方案是不可能的，欢迎来到圣杯： <table><tbody> 可滚动？

您可以尝试将此作为仅 CSS 的解决方案，但滚动在 IE 中不起作用。您需要在表格标记中添加thead和tbody标记：http: //tjvantoll.com/2012/11/10/creating-cross-browser-scrollable-tbody/

因此，100% 覆盖率的唯一解决方案是使用 JavaScript。我会结合使用上述和插件，这样当 JS 关闭时它会很好地降级。DataTables 是我以前用过的一个 jQuery 插件，如果你需要一个纯 JavsScript 插件，我相信你可以谷歌它们...

于 2013-05-20T05:20:49.537 回答