之所以会这样,是因为此时的横向滚动条为内容的横向滚动条(或者说表头、表内容和表尾三合一)。 2、解决办法 通过f12可以看到el-table的最外层表头类名为:.el-table__header-wrapper;最外层表内容的类名:.el-table__body-wrapper;(合计行位于表尾)最外层表尾的类名:.el-table__footer-wrapper。 所以可以通过这...
之所以会这样,是因为此时的横向滚动条为内容的横向滚动条(或者说表头、表内容和表尾三合一)。 2、解决办法 通过f12可以看到el-table的最外层表头类名为:.el-table__header-wrapper;最外层表内容的类名:.el-table__body-wrapper;(合计行位于表尾)最外层表尾的类名:.el-table__footer-wrapper。 所以可以通过这...
/*table一条合计行滚动条样式*/ .el-table{ overflow:auto; } .el-table .el-table__body-wrapper, .el-table .el-table__header-wrapper, .el-table .el-table__footer-wrapper{ overflow:visible; } .el-table::after{ position:relative!important; ...
elementUIel-table合计⾏滚动条放在下⽅样式与合计⾏统计⽅法CSS /*table⼀条合计⾏滚动条样式*/ .el-table{ overflow: auto;} .el-table .el-table__body-wrapper,.el-table .el-table__header-wrapper,.el-table .el-table__footer-wrapper{ overflow: visible;} .el-table::after{ position:...
amount1"sortablelabel="Amount 1"/><el-table-columnprop="amount2"sortablelabel="Amount 2"/><el-table-columnprop="amount3"sortablelabel="Amount 3"/></el-table></div></template><scriptlang="ts"setup>import type { TableColumnCtx } from "element-plus/es/components/table/src/table-column/...
el-table__body-wrapper { &::-webkit-scrollbar { background: none; height: 0; } // overflow-x: hidden !important; // z-index: 2 !important; } 解决滚动行设置背景色后吐出来的颜色 js tableFooterRef.addEventListener('scroll', () => { const left = tableFooterRef.scrollLeft this.$refs...
版本:2.15.13 el-table在使用合计功能及固定列功能的同时,由于固定列的结构是固定区域增加了div加上定位,用来盖住下面的内容。当使用了合计功能的时候滚动条的区域在el-table__body-wrapper会导致固定列区域下的滚动条被挡住,当固定区域较大数据量较多的情况下存在滚动
elementUI el-table 合计行 滚动条放在下方样式与合计行统计方法 2019-07-31 15:40 −... 董七 0 7938 如何给el-table中的行添加class 2019-12-25 17:01 −在el-table里有这么一个属性row-class-name,是一个回调函数,可以给el-table__row加class。 举个栗子: template 1 <el-table :data="dataTa...
<el-table v-loading="loading" :data="kqtjList" show-summary="true"> 1. 设置shoe-summary为true 但是如果列比较多有滚动条出现的话就会出现上面那种合计行在滚动条 解决办法 打开此vue页面添加一些样式 <style> .el-table { overflow-x: auto; ...
$refs.one.bodyWrapper; // 获取带有滚动条的dom元素,注意饿了么UI的el-table的横向滚动条是设置在类名为 this.two = this.$refs.two.bodyWrapper; // class="el-table__body-wrapper is-scrolling-left" 这个dom上。审查元素可知 console.log("滚动条dom容器", this.one); // 2. 绑定滚动事件,顺带...