AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

el-table横向滚动条不显示问题

2022-11-14 2840
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： el-table横向滚动条不显示问题

背景

在Vue中使用el-table，设置表格高度和宽度后，表格内容超出，横向滚动条没有显示。

解决办法

设置滚动条宽度和高度即可。

/* 设置滚动条宽度和高度 *//deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 8px; /* 横向滚动条 */height: 8px; /* 纵向滚动条 必写 */}
/* 设置滚动条样式 *//deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #dde;border-radius: 3px;
}

image.png

文章标签：
JavaScript
Boale_H
目录
相关文章
前端随想
|
前端开发 API
解决el-table中横向滚动条无法显示的问题
解决el-table中横向滚动条无法显示的问题
前端随想
4069 0
晓同哇哇~
|
小程序 API
uniapp中uview组件库丰富的Calendar 日历用法
uniapp中uview组件库丰富的Calendar 日历用法
晓同哇哇~
2104 0
vaelcy
Element ui dialog弹窗最大化最小化关闭组件封装
封装一个最大化最小化关闭的dialog弹窗组件
vaelcy
3233 1
仙鹤童子```
element-plus：el-date-picker日期只选择年月不要日
element-plus：el-date-picker日期只选择年月不要日
仙鹤童子```
1888 0
爱余星痕
|
JavaScript API 前端开发
vue中对el-dialog宽度调整方法之一二
vue时，会用到el-dialog做为弹窗，但这个弹窗的宽度默认为50%.因项目中需要调整弹偿的宽度，需要设置其属性。 尝试过程如下： 方法1： 通过查找 el-dialog的官网api,查到其有宽度width的属性,设置其宽度比例即可 width="85%",但经设置后，发现没起任何作用。
爱余星痕
8087 0
博客zhu虎康
|
JavaScript
Element_select 选择器 选中框中显示不了选中的值
解决Vue中`el-select`选择器不显示选中值的问题：在`selectChanged`方法中添加`this.$forceUpdate()`，强制组件更新，使输入框显示选择的值。示例代码包括模板和方法。
博客zhu虎康
1829 2
六卿
elementUI使用Pagination分页组件增加自定义slot
本文介绍了如何在Element UI的Pagination分页组件中使用自定义slot。通过在`el-pagination`标签内的适当位置添加slot内容，可以在分页组件中插入自定义的HTML或组件。文章提供了一个示例代码，展示了如何添加两个自定义slot，并展示了最终效果。
六卿
2131 4
elementUI使用Pagination分页组件增加自定义slot
六卿
element el-table 设置fixed导致行错乱问题
文章讨论了在使用Element UI的`el-table`组件时，设置固定列（`fixed`）导致行错乱的问题，并提供了解决方案。问题产生的原因是当表格底部有滚动条而固定列底部没有滚动条时，行无法对齐。解决办法是在表格中设置`padding-bottom`的内边距与滚动条高度相等，确保固定列和非固定列的行能够对齐。
六卿
4589 0
Z_B_L
element plus 可选择树形组件(el-tree) 怎样一键展开/收起？实现方法详解
element plus 可选择树形组件(el-tree) 怎样一键展开/收起？实现方法详解
Z_B_L
2613 2
element plus 可选择树形组件(el-tree) 怎样一键展开/收起？实现方法详解
yqcoder
|
JSON JavaScript API
wangEditor 富文本详解（下）
wangEditor 富文本详解（下）
yqcoder
2056 0

热门文章

最新文章

  • 1
    FRP内网穿透
  • 2
    全新开源通义千问Qwen3，它来了！
  • 3
    阿里云 Aliplayer高级功能介绍(九)：自动播放体验
  • 4
    2025年vscode （visual studio code）国内高速下载加速镜像，极速秒下！
  • 5
    搜索引擎提交入口，导航站登陆入口大全
  • 6
    TRON波场链USDT合约开发源码规则部署
  • 7
    解决GitHub Pages制作的个人博客无法访问的问题
  • 8
    聚焦理论—《可以量化的管理学》
  • 9
    Hierarchical_State_Machine Class Reference
  • 10
    Matlab 优化工具箱演练
  • 1
    零代码低成本！阿里云一键部署OpenClaw实操教程
    130
  • 2
    域名拦截检测攻略：早排查早规避，守住业务流量与收益【域名安全指南】
    63
  • 3
    阿里云ECS/轻量服务器部署 OpenClaw 图文攻略：Slack集成+千问Qwen3.6-Plus与Coding Plan配置教程
    138
  • 4
    【Azure Developer】.NET Aspire 启动报错：listen tcp bind: An attempt was made to access a socket in a way forbidden by its access permissions
    106
  • 5
    阿里云ECS/轻量服务器+本地全平台部署OpenClaw｜集成QQ机器人+千问Qwen3.6-Plus+Coding Plan大模型配置保姆级教程
    82
  • 6
    阿里云云服务器ECS实例介绍及选择建议
    85
  • 7
    一级域名与二级域名的区别 功能及优缺点全解析
    83
  • 8
    🚀 2026年国内 Codex 安装教程和使用教程：GPT-5.4 完整指南（新手也能10分钟上手）
    339
  • 9
    instinct：一个基于置信度的 AI Agent 自学习记忆系统
    49
  • 10
    从监控到行动：我用 htop MCP Tool 做排障实验，顺手接入 DMXAPI
    41

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    PHP：将本地文件上传到阿里云OSS存储