针对你的问题“el-table 滚动条固定在界面底部”,我们可以从以下几个方面进行详细分析和解答: 1. 分析el-table组件的滚动条行为 el-table 是Element UI 库中的一个表格组件,当表格内容超出容器大小时,会自动出现滚动条。默认情况下,滚动条会根据内容的大小和容器的尺寸动态显示,不会固定在某个位置。 2. 查找el...
方法1、在el-table上手动添加滚动条 1、在el-table上方添加一个div,div的宽度和表格的宽度相同。 <div ref="topScroll" class="top-scroll"> <div class="top-scroll-content" :style="{ width: topScrollWidth }"></div> </div> <el-table ref="tableRef" :data="list" v-loading.body="listLoad...
之所以会这样,是因为此时的横向滚动条为内容的横向滚动条(或者说表头、表内容和表尾三合一)。 2、解决办法 通过f12可以看到el-table的最外层表头类名为:.el-table__header-wrapper;最外层表内容的类名:.el-table__body-wrapper;(合计行位于表尾)最外层表尾的类名:.el-table__footer-wrapper。 所以可以通过这...
<style lang='scss' scoped> .admin_table /deep/ .el-table__fixed{height:auto!important;bottom:16px;}// 这个作用是提升层级,使底部可以拖动 .admin_wrapper /deep/{.el-table--scrollable-x,.el-table__body-wrapper{z-index:1!important;}}// 下面是重写固定左列或者右列的阴影样式 .admin_wrapper...
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...
/*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; ...
1、问题:el-table的合计行在横向滚动条下方 之所以会这样,是因为此时的横向滚动条为内容的横向滚动条(或者说表头、表内容和表尾三合一)。 2、解决办法 通过f12可以看到el-table的最外层表头类名为:.el-table__header-wrapper;最外层表内容的类名:.el-table__body-wrapper;(合计行位于表尾)最外层表尾的类名...
el-table横向滚动条固定在屏幕最下⽅显⽰element ui的el-table组件，横向内容多，出现了横向滚动条，可是只有在页⾯翻到最下⾯的时候才能看到这个滚动条如何使横向滚动条在该情况下始终显⽰？solution:.el-table { position: absolute;min-width: 1300px;overflow: auto;} 然后，.el-table的⽗级 positi...
el-table表格设置滚动条 el-table表格设置滚动条 el-table超出⼀定⾼度设置滚动条两种⽅法，设置height和max-height都可出现滚动条。1、给table设置height属性为250，表格固定有300px这么⾼。<el-table :data="tableData"height="250"border style="width: 100%"> 2、给他变了设置max-height为300，表格...
elementui的el-table表格下方的滚动条消失 如图: 加如下代码即可: <style lang="scss" scoped> /deep/.el-table__body-wrapper{ background-color: #F7F6FF; }/deep/.el-table__body-wrapper::-webkit-scrollbar { width: 10px!important; height: 10px!important; ...