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

修改elementui table 组件滚动条样式

2023-09-06 316
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 修改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天选之子
目录
相关文章
晚来南风晚相识
echarts中x轴文字太长换行的几种方式
echarts中x轴文字太长换行的几种方式
晚来南风晚相识
3793 0
echarts中x轴文字太长换行的几种方式
前端随想
|
前端开发 API
解决el-table中横向滚动条无法显示的问题
解决el-table中横向滚动条无法显示的问题
前端随想
4182 0
No8g攻城狮
|
前端开发 JavaScript 安全
【前端相关】elementui使用el-upload组件实现自定义上传
【前端相关】elementui使用el-upload组件实现自定义上传
No8g攻城狮
3776 0
JamieChyi
|
JavaScript
Vue表格显示问题：v-show无法影响el-table-column列的解决方案
Vue表格显示问题：v-show无法影响el-table-column列的解决方案
JamieChyi
1918 0
Yaiba123
|
数据格式
使用小技巧实现el-table组件的合并行功能，ElementUI和ElementPlus都适用
本文介绍了在ElementUI和ElementPlus中使用`el-table`组件实现合并行功能的技巧，包括多列合并和单列合并的方法，并提供了相应的示例代码和运行效果。
Yaiba123
10662 46
使用小技巧实现el-table组件的合并行功能，ElementUI和ElementPlus都适用
游客lijmi4663rgsa
|
前端开发 API
el-table实现动态数据的实时排序，一篇文章讲清楚elementui的表格排序功能，利用@sort-change实现动态数据排序，el-table排序方法，el-table可变数据的动态排序
博客不应该只有代码和解决方案，重点应该在于给出解决方案的同时分享思维模式，只有思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
游客lijmi4663rgsa
1989 0
六卿
element el-table 设置fixed导致行错乱问题
文章讨论了在使用Element UI的`el-table`组件时，设置固定列（`fixed`）导致行错乱的问题，并提供了解决方案。问题产生的原因是当表格底部有滚动条而固定列底部没有滚动条时，行无法对齐。解决办法是在表格中设置`padding-bottom`的内边距与滚动条高度相等，确保固定列和非固定列的行能够对齐。
六卿
4739 0
程序员大阳
Element表格el-table固定表头且高度占满
本文目录 1. 固定表头 2. 占满高度 3. 使用vh占满高度 4. 动态调整高度
程序员大阳
3330 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.
。思索
2537 0
Mr.Meng_95
|
JSON JavaScript 数据格式
Vue中base64编码和解码
Vue中base64编码和解码
Mr.Meng_95
739 0

热门文章

最新文章

  • 1
    将各大网盘挂载本地使用！爽！
  • 2
    快速体验 5 个 Serverless 经典场景
  • 3
    高效、便捷、一站式日志解决方案--阿里云日志服务
  • 4
    firewalld高级配置，富语言、以及防火墙应用
  • 5
    嵌入式端音频开发（Unisound篇）之 7.1 蜂鸟M离线语音芯片简介
  • 6
    ☀️机器学习实战☀️基于 YOLO网络 的人脸识别 |（文末送机器学习书籍~）
  • 7
    马斯克再发声，称人工智能是人类文明面临的最大风险
  • 8
    Silverlight 2 的基础XAML语法学习
  • 9
    维持数据服务系统稳定运行的三架马车
  • 10
    国电科环年度业绩亏转盈至3.02亿元
  • 1
    Day4-5：Web 双端适配与 Admin 系统全栈落地实录
    46
  • 2
    Day3：AI待办Web端完整实现
    33
  • 3
    [理论篇-9]Skill系统与能力封装
    42
  • 4
    Hermes Agent / OpenClaw 阿里云无影云电脑/本地部署保姆级教程（含百炼API配置）
    51
  • 5
    阿里云计算巢部署 Hermes Agent / OpenClaw、配置百炼API+避坑教程
    48
  • 6
    阿里云/本地零基础喂饭级部署 Hermes Agent / OpenClaw +配置免费大模型API+集成Obsidian CLI，让AI用你的知识库创作
    57
  • 7
    阿里云/Win11/Mac/Linux 保姆级部署 Hermes Agent / OpenClaw +AI编码（口述修Bug+PR提交）+FAQ
    38
  • 8
    【第6天】每天一个MySQL知识点，百日打怪升级
    39
  • 9
    Hermes Agent / OpenClaw 阿里云、MacOS、Linux、Windows11部署+百炼API配置+集成截图Skill及避坑保姆级教程
    50
  • 10
    阿里云/本地部署 Hermes Agent/OpenClaw 配置免费大模型API+集成QQ/企业微信及常见问题解答
    64

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    安装使用最新wordpress的最简单流程