element table 表格设置max-height 没有出现滚动条，多渲染了一列。

个人理解：设置max-height后会多渲染一列，这一列应该是用来承载滚动条的，但是因为某种原因，滚动条没有被渲染出来，就出现了多渲染了一列，这一列里面没用任何东西。

设置后效果图：

样式代码：

/deep/.el-table__body-wrapper {&::-webkit-scrollbar {/* 滚动条整体样式 */width: 6px !important; /* 高宽分别对应横竖滚动条的尺寸 */}
}

element table 表格设置max-height 没有出现滚动条，多渲染了一列。相关推荐

Element Table 表格设置滚动条以及修改边框颜色
本文中使用element UI表格,需求是给表格设置滚动条.查找了一些方法,包括查找插件解决效果都达不到要求.特此写下此文,便于日后使用和学习交流. 一.需要实现的效果图二.直接上代码 app是是挂 ...
在PHP中给表格加上css样式,表格CSS样式设置给table表格设置CSS样式表
表格table tr td CSS花色设置给table表格设置CSS花式表在一个网页中多处运用了表格table标签,这个时候给指定的表格对象设置装备摆设款式仿照照旧概略经由CSS发展管束配置. 着 ...
element table表格里的多选按钮，根据条件判断是否可以被选中
element table表格里的多选按钮,根据条件判断是否可以被选中 <el-table v-loading="loading" :data="contentLi ...
layui table 表格设置透明
layui table 表格设置透明通过css来控制,直接上代码通过css来控制,直接上代码首先需要将table标签放入div中,div增加class名称 transparentDataTabl ...
element Table表格实现前x行恒展示，不会被折叠，设置点击表头按钮排序。
table表格前X行恒展示不会被折叠. 表头筛选按钮示意图: // data --渲染的数据(每一列每一行),请求回来的. 默认通过字段名和每一个headers对象中每一个prop来对应起来渲染数据的 ...
html table表格设置滚动条
table对tbody进行设置使其能够进行滚动. 示例一: 效果如下: 代码如下: <!DOCTYPE HTML> <html> <head><meta ht ...
element table表格合并行和列
element-ui 官网案例: table合并行或列通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面包含当前行row.当前列column.当前行号row ...
解决Table td设置了相同百分比，由于文字个数不同导致列宽不同问题
2019独角兽企业重金招聘Python工程师标准>>> 问题:上图中红色与黄色背景的列都是设置了同样的百分比宽度,但是由于黄色列的文字内容比红色的多,导致table在展示时宽度不一 ...
Element table表格样式设置
/* 修改头部背景和字体颜色 */ .el-table th{background: #344067;color: #fff;font-weight: 500;} 1 /* 修改表头字体颜色 */ . ...

element table 表格设置max-height 没有出现滚动条，多渲染了一列。

element table 表格设置max-height 没有出现滚动条，多渲染了一列。相关推荐

最新文章

热门文章