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

jQuery Slimscroll to HTML table with fixed header

本文关键字：标题 HTML Slimscroll jQuery      更新时间：2023-09-26

我正在研究使用slimscroll插件应用于html表格的方法，该表格正在填充来自Web服务的业务数据。但是，正如标题所描述的那样，细卷滚动也会滚动整个div和表格的标题。我正在尝试通过正文滚动实现固定标题。

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

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

一件事对我有用（至少部分有效）是创建 2 个表，一个用于头一个用于 tbody并将细卷轴缠绕在身体桌子上。

这"部分"工作的原因是因为您必须使用 css 才能使 2 个表列对齐。

更新：演示

这是另一种方式：

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

脚本

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