element-ui表格无法横向拖动问题

是不是用到了fixed

javascript 复制代码
// 因为我只有在小屏显示不下的时候才会出现这个问题所以我在这里做了适配(建议把样式放在全局)
@media screen and (max-width: 1800px) {
	 // 由于使用了fixed导致横向条无法拖动出现bug
	 .Table-page .el-table__fixed {
	    height: auto !important;
	    bottom: 2px !important;
	  }
    .Table-page .el-table__fixed-body-wrapper {
	    max-height: calc(100% - 6px) !important;
	    bottom: 0 !important;
	  }
	.Table-page .el-table__fixed-right-patch {
    	width: 0 !important;
  	}
  }
javascript 复制代码
<!-- 表格 -->
<div class="Table-page" ref="table">
	<el-table ref="Table" v-loading="tableLoding" border stripe :data="tableData" :max-height='699'>
	 	<el-table-column type="index" label="	序号" align="center" width="50" fixed></el-table-column>
	</el-table>
</div>
相关推荐
小大宇15 天前
Vue知识点-ElementPlus-06 单选+多选+下拉+日期选择
前端·vue.js·elementui
切糕师学AI16 天前
el-select-v2 深度解析:用虚拟滚动解决海量数据下拉选择性能瓶颈
前端·vue.js·elementui·el-select-v2
雪芽蓝域zzs1 个月前
第7节:多选模式、自定义选项渲染、受控弹窗显隐
vue.js·elementui
雪芽蓝域zzs1 个月前
第6节:远程搜索弹窗(remote 模式),弹窗滚动加载分页
vue.js·elementui
雪芽蓝域zzs1 个月前
第4节:el-select 弹窗事件控制(打开 / 关闭、选中事件、弹窗滚动事件)
vue.js·elementui
ss2731 个月前
AI全栈实战 | 2.3-01 组件库实战:Element Plus 怎么搭出专业界面,过度封装为什么成维护负担
前端·javascript·elementui·vue
雪芽蓝域zzs1 个月前
第3节:el-select 弹窗定位、滚动穿透与挂载容器(popper-append-to-body /teleported)
vue.js·elementui
雪芽蓝域zzs1 个月前
第 2 节:基础扩展 - 下拉弹窗常用原生属性
vue.js·elementui
雪芽蓝域zzs1 个月前
Vue3 + Element Plus el-select 下拉弹窗
vue.js·elementui
朱 欢 庆2 个月前
el-table 表格组件二次封装
javascript·vue.js·elementui