javascript - jQuery Slimscroll 到带有固定标题的 HTML 表格

Question

我正在研究使用 slimscroll 插件应用于 html 表的方法，该表填充了来自 Web 服务的业务数据。然而，正如标题所描述的，slimscroll 也会滚动整个 div 和 table 的标题。我正在尝试通过 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

更新： 演示

这是另一种方式：

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

脚本

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