推荐一个好用的开源项目：jQuery.tableScroll-CSDN博客

本文链接：https://blog.csdn.net/gitblog_00005/article/details/136601054

推荐一个好用的开源项目：jQuery.tableScroll

项目简介

是一款基于 jQuery 的表格滚动插件，可以帮助您在网页中轻松实现长表格的水平和垂直滚动。

功能特性

简单易用：只需要简单的几行代码，就可以为您的表格添加滚动功能。
兼容性好：兼容各种主流浏览器，包括 Chrome、Firefox、Safari、Edge 和 IE 等。
高度可定制化：您可以自定义滚动条的样式和位置，以满足不同的设计需求。
响应式布局：支持响应式布局，可以在不同设备上完美显示。
轻量级：体积小巧，加载速度快，对网页性能影响小。

使用示例

下面是一个简单的使用示例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jQuery.tableScroll 示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="jquery.tableScroll.min.js"></script>
    <style>
        .table-scroll {
            width: 100%;
            max-width: 800px;
            margin: auto;
            overflow-x: scroll;
        }
        .table-scroll table {
            width: 100%;
            border-collapse: collapse;
        }
        .table-scroll th,
        .table-scroll td {
            padding: 8px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        .table-scroll th {
            background-color: #f2f2f2;
        }
    </style>
</head>
<body>
    <div class="table-scroll">
        <table>
            <!-- 表格数据 -->
        </table>
    </div>
    <script>
        $('.table-scroll').tableScroll();
    </script>
</body>
</html>

将上面的 HTML 代码保存到一个文件中，并将  替换为您自己的表格数据，即可看到效果。