/** * 表格滚动条 */ // 横向滚动条高度 $scrollbarheight: 15px; .el-scrollbar { //偏移 .el-scrollbar__bar{ bottom: 1px; } //高度 .el-scrollbar__bar.is-horizontal{ height: $scrollbarheight; } // 横向滚动条 .el-scrollbar__bar.is-horizontal .el-scrollbar__thumb { // opacity:...
检查你的JavaScript代码,确认是否有代码在运行时动态改变了el-table或其父元素的样式,导致滚动条不显示。你可以通过添加断点或console.log来调试和检查这些变化。 在el-table外部包裹一个具有固定高度和overflow属性的容器: 如果以上步骤都无法解决问题,你可以尝试在el-table外部包裹一个具有固定高度和overflow: auto属性...
el-table超出一定高度设置滚动条两种方法,设置height和max-height都可出现滚动条。 1、给table设置height属性为250,表格固定有300px这么高。 <el-table:data="tableData"height="250"border style="width: 100%"> 2、给他变了设置max-height为300,表格数据超出250。如果表格只有一条数据,且高度没有超过300.表格...
只需要设置样式,自己考虑需不需要加穿透 /注:此设置设置fixed列会出现无法响应滚动问题,解决此问题需设置具体高度 比如可以动态获取父元素高度给它/deep/.el-table{display:flex;flex-direction:column;.el-table__header-wrapper{flex-shrink:0;}.el-table__body-wrapper{flex-grow:1;}}...
这篇文章的起因是上篇文章el-table增加顶部滚动条 2. 模板 el-table 增加 height 属性 <el-table ref="myTable" :data="tableData" :height="tableData.length ? tableHeight : 150" 没有数据的时候也要给个高度,显示表头,和表格为空的显示文本 ...
有一个需求,当el-table的宽度超出浏览器宽度时,虽然el_table底部会出现滚动条,但是每次需要先滚动到底部,才能使用el-table的滚动体,很是麻烦。因此当el_table的宽度超出屏幕宽度时,要在可视范围底部添加一个横向的滚动条,在网上找了四篇不同方法,全都试了一遍,四个方法的原文地址以及效果图我都贴出来了,看个人...
// 这个方法就用到了scrollbarWidth,当el-table设置height为固定高度时,el-scroll-wrap的100%和固定高度一样,导致margin-bottom失效,这里直接把el-scroll-wrap的高度算好,是el-table固定高度加上滚动条宽度 bodyScrollWrapHeight() { const { headerHeight = 0, bodyHeight, footerHeight = 0} = this.layout;...
const table = this.$refs.table // 拿到表格中承载数据的div元素 const divData = table.bodyWrapper // 拿到元素后,对元素进行定时增加距离顶部距离,实现滚动效果(此配置为每100毫秒移动1像素) setInterval(() => { // 元素自增距离顶部1像素
因为表格条数太多,想设置固定高度解决。设置max-height相对友好很多。但是发现element UI el-table 在计算table高度的时候有问题,在高度没有500px的情况下有时候会出现滚动列 环境 Element UI :2.13.0 问题页面 在操作后面多了一列,其实这里是滚动条预留的列,只是这里表格高度完全不需要滚动。看了下css渲染,表格的...