如果el-table 是在一个复杂的布局中使用,尝试简化布局或调整布局结构,以确保 el-table 有足够的空间来显示滚动条。 如果问题依然存在,考虑升级到最新版本的 Element UI,或者检查是否有已知的 bug 与你的问题相关。 通过以上步骤,你应该能够定位并解决 el-table 不滚动的问题。如果问题仍然无法解决,请提供更多的上下...
el-table-v2 Reproduction Link Element Plus Playground Steps to reproduce 总共有15列数据,但是无法完全显示,也无法通过鼠标进行左右滚动 What is Expected? 能通过滚动看到右边被隐藏的数据 What is actually happening? 横向无法通过鼠标进行滚动 Additional comments 属性设置为 fixed 时横向滚动条样式没有问题,fixed...
element 官方给出的解决办法是使用doLayout <el-table:data="tableData"ref="tableRef"style="width: 100%"><el-table-columnprop="date"label="日期"width="180"></el-table-column></el-table> 使用doLayout重新加载一下table就好了 updated() {//tableRef是表格的ref属性值if(this.$refs.tableRef&&this...
Element Plus 1.2.0-beta.6以后的版本el-table在移动端无法左右滑动,该怎么解决? YGDada 创建了任务 3年前 lyt-Top 将任务状态从待办的 修改为已完成 3年前 展开全部操作日志 lyt-Top 拥有者 3年前 复制链接地址 /src/theme/element.scss 去掉 .el-scrollbar__wrap { // overflow-x: hidden !i...
el-table表格实现鼠标拖动而左右滑动,表格样式较为复杂,10条数据超出整个屏幕的高度,因而导致无法快速拖动滚动条,所以提出需要在表格内容区拖动鼠标,
在开发过程中，el-table组件作为UI中的常客，其高度设置问题常让开发者头疼。Element框架贴心地提供了height和max-height两个属性来解决高度调整，但使用时会遇到一些陷阱。遇到的第一个问题是max-height的无效应用。在尝试设置max-height属性后，发现组件无法达到预期效果。通过代码检查，发现问题可能出在外部...
<el-table ref="tableRef" ……>……</el-table> <script>exportdefault{ data() {return{//2. 定义变量,是否需要表格重新渲染needDoLayout:true, } } created() {this.queryData(); }, methods: { queryData() {//查询数据代码 省略//3.第一次查询数据时,将表格重新渲染即可if(this.needDoLayout)...
只需要设置样式,自己考虑需不需要加穿透 /注:此设置设置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中的el-table-column提供了⼀个fixed属性设置固定列，但是设置了之后发现表格的滚动条⽆法拖动了，通过F12定位到页⾯元素发现是滚动条被固定列⽣成的元素给覆盖了，于是想办法通过修改样式的⽅式解决问题。<style lang="scss" scoped> .el-table { .el-table__fixed { // 左固定列 height: ...