el-table的固定高度,并禁用其内部的滚动条,可以达到禁止滚动的目的。这可以通过CSS来实现,具体方法如下: css .el-table { height: /* 设置你需要的高度 */; overflow: hidden; /* 隐藏滚动条 */ } 例如,如果你希望表格高度为400px且不滚动,可以这样设置:...
然而，滚动实现后，却发现表头UI错乱，检查后发现是溢出隐藏导致。解决方法是调整CSS样式，取消对表头区域的溢出隐藏设置，确保UI元素完整显示。通过上述步骤，成功解决了设置max-height导致的高度调整问题，同时保证了滚动功能的正常运行，同时确保了表头UI的完整性。最终实现高度自适应、滚动流畅以及美观的表头...
原因： 研究下发现，是由于固定列把滚动条给遮住了，所以滚动不了。解决方法： 1.修改el-table__fixed样式 .el-table{ .el-table__fixed{ ...
方法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...
el-table控件在全面屏手机上横向滚动会在全面屏的手机上失效的问题 出现步骤1、访问localhost进入首页2、点击菜单进入订单页 localhost/order el-table横向滚动正常2、点击进入列表的详情页localhost/order/detail,手机左划返回上一页3、el-table横向滚动失效 失效后需要在浏览器上输入localhost并重新载入首页进入订单页才...
//给固定列设置下边距.el-table{.el-table__fixed{height:auto!important;bottom:8px!important;//具体值是多少根据你横向滚动条的高度进行设置}}//去掉固定列下方的横线.el-table__fixed::before,.el-table__fixed-right::before{display:none;}
问题分析：这是由于固定列遮挡了下方的滚动条，导致滚动条无法响应滚动操作。解决策略：通过调整固定列样式，给固定列添加下边距，设置的下边距大小等同于横向滚动条的高度。这样可以确保滚动条在固定列下方的区域依然可被激活。注意事项：此方法在屏幕分辨率足够大，无需横向滚动条时，会在固定列下方产生一道...
el-table滚动条消失问题 1年前·广东 0 分享 回复 旅戈 ... 如这个bug所示,el-select多选数据回显撑开行高,但是el-table却没出现滚动条 3月前·陕西 0 分享 回复 大辣娇 ... table 乱了 我都是无脑调用dolayout 1年前·湖南 0 分享 回复 落雨、♪ ...
el-table中的el-table-column提供了⼀个fixed属性设置固定列，但是设置了之后发现表格的滚动条⽆法拖动了，通过F12定位到页⾯元素发现是滚动条被固定列⽣成的元素给覆盖了，于是想办法通过修改样式的⽅式解决问题。<style lang="scss" scoped> .el-table { .el-table__fixed { // 左固定列 height: ...