AI 助理
文档备案控制台
开发者社区 云计算 文章 正文

修改elementui table 组件滚动条样式

2023-09-06 348
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 修改elementui table 组件滚动条样式 
.el-table ::webkit-scrollbar {
display: block;
height: 938px;
width: 6px;
}
.el-table ::webkit-scrollbar-thumb {
box-shadow: inset000pxwhite;
-webkit-box-shadow: inset000pxwhite;
background: rgba(64, 158, 255, 0.6);
border-radius: 4px;
}
.el-table ::-webkit-scrollbar-track {
background: #424f6a;
}
bug天选之子
目录
相关文章
晚来南风晚相识
elementui表格内容超出显示省略号
elementui表格内容超出显示省略号
晚来南风晚相识
1502 0
Yaiba123
|
数据格式
使用小技巧实现el-table组件的合并行功能，ElementUI和ElementPlus都适用
本文介绍了在ElementUI和ElementPlus中使用`el-table`组件实现合并行功能的技巧，包括多列合并和单列合并的方法，并提供了相应的示例代码和运行效果。
Yaiba123
10832 46
使用小技巧实现el-table组件的合并行功能，ElementUI和ElementPlus都适用
CamilleKing
Vue3 中使用 Event Bus
【10月更文挑战第16天】Event Bus 是 Vue3 中一种简单而实用的通信方式，在一些简单的场景中可以发挥重要作用。但在实际应用中，要根据项目的具体需求和复杂度，选择合适的通信方式，以实现最佳的性能和可维护性。同时，要遵循最佳实践，合理使用 Event Bus，避免出现问题。
CamilleKing
1711 160
程序员大阳
Element表格el-table固定表头且高度占满
本文目录 1. 固定表头 2. 占满高度 3. 使用vh占满高度 4. 动态调整高度
程序员大阳
3464 0
六卿
element el-table 设置fixed导致行错乱问题
文章讨论了在使用Element UI的`el-table`组件时，设置固定列（`fixed`）导致行错乱的问题，并提供了解决方案。问题产生的原因是当表格底部有滚动条而固定列底部没有滚动条时，行无法对齐。解决办法是在表格中设置`padding-bottom`的内边距与滚动条高度相等，确保固定列和非固定列的行能够对齐。
六卿
5170 0
。思索
webpack——You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.
webpack——You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.
。思索
2632 0
Mr.Meng_95
|
JSON JavaScript 数据格式
Vue中base64编码和解码
Vue中base64编码和解码
Mr.Meng_95
853 0
龙大吉
|
安全 Nacos 数据库
Nacos是一款流行的微服务注册与配置中心，但直接暴露在公网中可能导致非法访问和数据库篡改
Nacos是一款流行的微服务注册与配置中心，但直接暴露在公网中可能导致非法访问和数据库篡改。本文详细探讨了这一问题的原因及解决方案，包括限制公网访问、使用HTTPS、强化数据库安全、启用访问控制、监控和审计等步骤，帮助开发者确保服务的安全运行。
龙大吉
972 3
朝阳39
Element UI 上传文件 el-upload —— 手动上传文件，限制上传文件数量，文件类型校验等
Element UI 上传文件 el-upload —— 手动上传文件，限制上传文件数量，文件类型校验等
朝阳39
5347 0
晚来南风晚相识
echarts设置暂无数据
echarts设置暂无数据
晚来南风晚相识
2257 0

热门文章

最新文章

  • 1
    System.BadImageFormatException: 试图加载格式不正确的程序。 (异常来自 HRESULT:0x8007000B)
  • 2
    EDAS微服务应用同城容灾最佳实践
  • 3
    掌门1对1微服务体系 Solar | 阿里巴巴 Sentinel 落地实践
  • 4
    2026年免费AI编程助手测评：通义灵码领衔，谁是国产开发者的最佳Copilot？
  • 5
    docker学习(4) 一些常用操作
  • 6
    Oracle根据汉字取拼音首字母的function
  • 7
    万字长文科普：人工智能是什么？它又是如何工作的呢？（三）
  • 8
    李建义：“两个结合”助2017丝博会构建国际化合作新平台
  • 9
    jquery dom元素操作
  • 10
    源代码泄露
  • 1
    RocketMQ 延迟消息实战：延迟双删策略解决 Redis 缓存一致性
    35
  • 2
    EDAS + Spring Cloud 实战：企业级应用平台从0到1的完整搭建
    79
  • 3
    我用Python + SMTP搭建了一套自动化量化监控系统
    41
  • 4
    云上实践：基于 YOLO11 的煤矿井下人员目标检测训练流程
    30
  • 5
    技术建议！商城平台开发核心关注点：业务能力、系统安全与资金合规三位一体建设方案 摘要
    28
  • 6
    AI生图无法编辑？Crop2Draw —— 把论文架构图「拆」进 draw.io
    34
  • 7
    荷兰 AP 2025 数据泄露报告下 AI 钓鱼与账号接管风险及全域防御研究
    34
  • 8
    网络钓鱼风险下地方政府公开档案脱敏的权责边界与平衡机制研究
    30
  • 9
    地下黑产间接提示注入工具链演化、多载体攻击路径与分层防御体系研究
    38
  • 10
    Duo Verified Push 增强机制抵御校园 MFA 疲劳钓鱼的实践与防护体系研究
    33

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！