el-table vue-seamless-scroll 滚动表格

要在Vue中实现带有固定表头和滚动效果的滚动表格，你可以按照以下步骤进行操作：

1. 首先，创建两个`el-table`组件。第一个`el-table`用于显示固定的表头，而第二个`el-table`则放置在一个滚动组件内，并用于显示滚动的表体。
[1]

2. 隐藏第一个`el-table`的表体部分，以使其只显示表头。这可以通过设置`show-header`属性为`false`来实现。
[1]

3. 隐藏第二个`el-table`的表头部分，同时将其放置在一个具有固定高度的滚动组件中（例如使用`vue-seamless-scroll`插件）。这样，整个表格都会有滚动效果。
[1 [2]

4. 使用`vue-seamless-scroll`插件，你需要在项目中安装该插件。通过运行命令`npm install vue-seamless-scroll --save`来安装插件。
[2]

5. 在`main.js`文件中，引入并注册`vue-seamless-scroll`插件。
[2]

综上所述，你可以按照以上步骤在Vue中实现带有固定表头和滚动效果的滚动表格。如果需要更详细的代码示例和使用说明，你可以参考`vue-seamless-scroll`的GitHub开源地址。
[2 [3<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue3 el-table结合seamless-scroll实现表格数据滚动](https://blog.csdn.net/wkh___/article/details/125638796)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [【el-table固定表格头循环滚动】vue结合vue-seamless-scroll操作表格自动滚动效果](https://blog.csdn.net/weixin_50790427/article/details/121698352)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]