Question

我正在研究使用slimscroll插件来应用于html表的方法，html表充满了来自Web服务的业务数据。但是正如标题所示，slimscroll也会滚动整个div和表头。我试图用tbody滚动来实现固定标题。

<div class="slimscrolldiv">
  <table>
    <thead></thead>
    <tbody></tbody>
    <tr>
      <td></td>
    </tr>
    . . . . .
  </table>
</div>

我没有发布任何代码，但上面的代码片段足以理解问题。如果需要任何其他信息，请发表评论。

Answer 1

有一件事对我有用（至少部分）是创建2个表，一个为thead 和一个tbody 并将slimscroll包裹在tbody表周围。

这种“部分”工作的原因是因为你必须使用css来使2个表列排成一行。

Answer 2

<强>更新 demo

这是另一种方式：

<div class="slimscrolldiv">
   <table>
      <thead></thead>
      <tbody id="scrollMe">
        <tr>
           <td></td>
        </tr>
      </tbody>
   </table>
</div>

<强>脚本

<script>
  $(function(){
    $('#scrollMe').slimScroll({
      height: '250px'
      });
  });
</script>

jQuery Slimscroll到HTML表格，带有固定标题

2 个答案: