Question

我有一个要求，它需要一个表内的表行，不包括头行可滚动。我尝试过如下，但这并没有产生预期的结果：

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

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

Answer 1

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

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

Answer 2

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

Answer 3

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

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

Answer 4

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

无法使用CSS解决方案，欢迎来到圣杯： <table><tbody> scrollable?

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

因此，100％覆盖的唯一解决方案是使用JavaScript。我会使用上面和插件的组合，所以当JS关闭时它会很好地降级。 DataTables is a jQuery plugin我以前用过，如果你需要一个纯粹的JavsScript插件，我相信你可以谷歌他们......

我可以在表</div>中使用<div>标签吗？

4 个答案: