方法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...
在Element UI或Element Plus中,当el-table表格点击展开后包含的子表格比父表格宽时,为了确保横向滚动条能够正确显示,你可以按照以下步骤进行设置和调整: 确认el-table和子表格的宽度设置: 确保父表格和子表格的宽度设置是合理的。如果子表格的内容宽度超出了父表格的宽度,并且你希望保持这种宽度差异,那么需要确保父表格...
在列表刷新接口请求成功以后,加上如下代码 tableName 处填入 el-table 组件相应的ref属性的值
问题: 此时,右侧商务标和基数表是动态循环出来的,左侧固定表头常规写法,如果这样写会出现一下问题 表格宽度超出,底部滚动条不会出现,表头显示不全的样式问题 image.png 解决方法: 前面固定表头也要通过动态循环的方式渲染到页面,如果表格表头有动态循环的就要保持一致, image.png 效果: image.png...
Bug Type: Component Environment Vue Version: 3.3.2 Element Plus Version: 2.3.6 Browser / OS: Chrome/Windows Build Tool: Vite Reproduction Related Component el-table-v2 Reproduction Link Element Plus Playground Steps to reproduce 总共有15列数据...