首页 > 其他分享 >elementUI表格滚动条样式修改,隐藏表格右边留白

elementUI表格滚动条样式修改,隐藏表格右边留白

时间:2024-01-25 14:22:21浏览次数:32  
标签:el 表格 elementUI 滚动条 width 留白 table

修改滚动条样式

// 设置滚动条的宽度
.el-table__body-wrapper::-webkit-scrollbar {
  width: 4px;
}
// 设置滚动条的背景色和圆角
.el-table__body-wrapper::-webkit-scrollbar-thumb  {
  background-color: #535353;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

去除右边滚动条留白

// 去除表格右边留白
.el-table th.gutter{
  display: none;
  width:0
}
.el-table colgroup col[name='gutter']{
  display: none;
  width: 0;
}
.el-table__body{
  width: 100% !important;
}

标签:el,表格,elementUI,滚动条,width,留白,table
From: https://www.cnblogs.com/wywblogs/p/17987056

相关文章

  • Python处理Excel表格的终极指南
    案例学Python(进阶篇)源代码.zip 链接:https://pan.quark.cn/s/c00aefe52fdc案例学Python(基础篇)源代码.zip 链接:https://pan.quark.cn/s/15c0b553b6b8引言Excel表格在数据处理和日常办公中扮演着不可或缺的角色。本文将详细介绍如何使用Python中的openpyxl库来处理Excel文件,......
  • [转]记录原生table转excel表格并导出功能_前端知识库
    不需要引进其他前端插件,还可以保留原有样式,简单表导出非常合适.实测有效,只是貌似只能使用xls后缀名,而且打开时office会有警告,原理可以看后面的其他参考文章,应当是利用url,所以大小可能有2M的限制,所以不适合导出大文件.原文地址:记录原生table转excel表格并导出功能_前端......
  • MarkDown基础及表格、KaTeX公式、矩阵、流程图、UML图、甘特图语法
    概述最多可设置6级标题技巧列表有序列表MD语法:1.你好2.我也好呈现效果:你好我也好无序列表MD语法:-a-b*aa*bb+aaa+bbb效果:abaabbaaabbb结论,支持三种方式:-、*、+TODO列表MD语法:-[x]后端接口开发-[]与前端联调呈现效果:后端......
  • python----处理exl表格,将其转换成其他代码的方法
    用python获取表格数据的基本方法如下:值得注意的是,在后续学习中发现对单个数据做sheet得到的是单个cell类型数据,对多个做sheet处理得到的是多个cell组成的元组,要想把这些cell的值合并得先分别提取出cell的值再合并成新的list,不知道是否有更简单的方法。如何用利用得到的表格数据......
  • [element-ui] table表格点击单元格,单元格改变背景色
     <el-table:data="tableData"border@cell-click="cellclick":cell-style="tableCellStyle"></el-table>data(){row:'',column:''}cellclick(row,column,cell......
  • 无涯教程-CSS - 表格(Table)
    本教程将教您如何使用CSS设置HTMLTable的不同属性。border-collapse  : 设置是否把表格边框合并为单一的边框。border-spacing  : 设置分隔单元格边框的距离。caption-side     :  设置表格标题的位置。empty-cells      :  设置是......
  • 最新作品FreeScript,全功能免费,让Excel/WPS表格可运行主流编程语言及其生态轮子库
    经过几个月的开发,FreeScript终于走向成熟,可以向大众分享,同时视频教程也陆续推出,让大家上手不再是难事。下载地址:https://easyshu.lanzoub.com/b00xsdfvg密码:c0p8下载地址:https://space.bilibili.com/385286336/channel/collectiondetail?sid=2094380目前FreeScript已完成对J......
  • [office] Excel表格怎么让日期格式的数据对齐显示-
    大家都知道,Excel是非常好用的办公软件,怎么让日期格式的数据对齐显示呢,下面给大家带来详细的步骤,感兴趣的朋友不要错过了。方法1、打开待处理的表格,图示,“入职日期”这一列数据因为数据长短不一致而显得非常错乱,如何让这些日期数据对齐显示呢?2、选中所有需要处理的日期数据单元格,然......
  • 50csv表格转换为json文件
     importcsvimportjson#常规csv表格转换为json文件,表头作为字典key字段。defconvert_csv_to_json(csv_file_path,json_file_path):data=[]withopen(csv_file_path,'r',encoding='utf-8-sig')ascsv_file:csv_reader=csv.DictReader(cs......
  • 在表格中如何实现汉字转拼音?
    Excel网络函数库自2018年发布以来,我们几乎每天都在帮助用户解决各种办公自动化问题。解决的问题多了,慢慢的我们对用户的业务场景、问题来源、困难诉求有了基本认识。为了更好的帮助大家,未来,我们将对不同职业的办公效率改善问题进行归纳总结,力求给大家推荐最佳的“效率神器”。欢迎......