bootstrap table 左右滑动

Bootstrap Table 提供了一种动态表格展示功能，其中如果需要实现表格行的左右滑动效果，通常可以通过插件如 "bootstrap-table-scroll" 或者自定义滚动条组件（例如 jQuery 的 jScrollPane 或是其他的 JavaScript 滚动库）来实现。

首先，你需要引入相关的库到项目中，然后在配置 Bootstrap Table 时添加可滚动属性，比如：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.18.3/bootstrap-table.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- 添加滚动插件 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table-scroll/0.4.2/bootstrap-table-scroll.min.js"></script>

接下来，在初始化表格的地方，你可以这样设置：

$(document).ready(function() {
    $('#example').bootstrapTable({
        height: 'auto', // 自适应高度
        scrollable: true, // 启用滚动
        sidePagination: 'server', // 如果数据量大，选择服务器端分页
        plugins: [Scroll] // 初始化 Scroll 插件
    });
});

在这个例子中，`#example` 替换为你实际的表格 ID。通过这种方式，Bootstrap Table 的内容就可以水平滑动了。如果你想要更精细地控制滚动，可以查阅对应的文档或调整滚动插件的配置选项。