ElementUI中el-table表格的滚动条在合计上边【Element-UI】

默认滚动条是在下边的,不好看,这里改一下

Element-UI中的样式需要样式穿透修改，使用/deep/即可

/deep/{.el-table {overflow-x: auto;}.el-table__header-wrapper,.el-table__body-wrapper,.el-table__footer-wrapper {overflow: visible;}.el-table::after {position: relative;}.el-table--scrollable-x .el-table__body-wrapper {overflow: visible;}
}

完美解决

ElementUI中el-table表格的滚动条在合计上边【Element-UI】相关推荐

Element-UI中关于table表格的那些骚操作
最近的项目中使用到element-ui组件库,由于做的是后台管理系统,所以经常需要操作表格,编辑样式的过程中遇到一些问题,官网针对table给出了很多的api,自己可以自定义,基本能满足产品需求,但是 ...
使用Element-UI中的Table表格组件制作多级表头
多级表头是表格相关需求中常见的一种场景.数据结构比较复杂的时候,可使用多级表头来展现数据的层次关系. 通过仔细阅读Element-UI官方文档,发现,通过嵌套el-table-column的方法,可以 ...
elementui中得table表格图片放大
<el-table-column label="商品图片" prop="pcoverimg" align="center" width ...
element-ui 中的table的列隐藏问题
element-ui 中的table和bootstrap中的table的某些设置还是有一定的差别的.之前用bootstrap做的表格,想要实现简短列和详细列的切换.因为详细列实在有太多列了,拉动滚动条 ...
ElementUI中为table增加小计/合计
ElementUI中只有为表格增加一个合计的功能,但是有些时候可能会遇到同时增加小计/合计的功能,可以利用slot='append'去实现多个合计功能. 文章地址: ElementUI中为table增 ...
table表格加滚动条
<HTML><HEAD><TITLE>table表格加滚动条</TITLE> <META http-equiv=Content-Type cont ...
HTML中的table表格布局
HTML中的table表格布局熟练掌握table表格的布局方法,有利于我们今后设计出更加工整美观的页面,是我们学习HTML必不可少的一部分,下面我将列出table表格的几种常用的方法. 一.tabl ...
elementUI中，操作表格单行的dom-锁定和解锁——$nextTick用法-dom根据数据改变而改变
elementUI中,操作表格单行的dom-锁定和解锁--$nextTick用法-dom根据数据改变而改变 1.$nextTick应用场景需要在视图更新之后,基于新的视图进行操作.即:数据改变,do ...
Vue中对Table表格中的输入项进行校验
项目开发中,经常会遇到的场景:对table表格的输入项字段进行校验,同时提交时整体校验. 这个坑真的爬了好久,几个需求做完了,校验也没实现,挫败!后来看到一个博主Element UI from实现校验 ...

ElementUI中el-table表格的滚动条在合计上边【Element-UI】

ElementUI中el-table表格的滚动条在合计上边【Element-UI】相关推荐

最新文章

热门文章