表格以el-dialog模态弹框的形式出现当表格出现滚动条首次会遇到表格表头与表体有不对齐问题 然后去官网上查询了下api方法 于是这样处理了下就好了,对表格设置ref="table",然后通过$refs方法获取表格进行重新布局。 setTimeout(()=> {//设置滚动条时首次表头不对齐问题this.$refs.table.doLayout() },0) 1. 2....
第一种情况:没有水平滚动条,只有垂直滚动条 代码语言:javascript 复制 .el-table th.gutter{display:table-cell!important;} 第二种情况:有垂直滚动条也有水平滚动条,特别是水平滚动条拖动到右边时,表格不对齐更明显 为el-table 加 ref="qtable 代码语言:javascript 复制 this.$axios.post("url",{classid:xxx...
在table-column列数据过多会出现横向滚动条,编辑表单后,会对table组件进行重新渲染同时横向滚动条会回到最左侧,希望控制滚动条保持在最右侧 方法: refs[‘tableList’]上有一个bodyWrapper里面有scrollLeft 属性,可以设置表格左滑动的距离为整个表格的宽度,而表格的宽度在refs[‘tableList’].bodyWidth,替换字符串和变...
<el-table style="width: 100%; min-height: 200px"> <el-table-column prop="gzyy" label="更正原因" align="center" width="120" show-overflow-tooltip></el-table-column> <el-table-column prop="czy" label="编码员" align="center" width="80" show-overflow-tooltip></el-table-column> <...
element ui表格因滚动条对不齐? hmy666 2462587 发布于 2022-09-20 浙江 我的版本是2.5.17;官方demo:2.5.17它会填充一个补丁为什么我自己用的时候就没有了,找疯了,我代码: <el-table style="width: 100%; min-height: 200px"> <el-table-column prop="gzyy" label="更正原因" align="center" ...
/deep/ .el-table th.gutter { width: 5px;//表头右侧空白块宽度,与修改的滚动条样式宽度保持一致,否则会造成表头与内容border错乱}/deep/ .el-table colgroup col[name='gutter'] { width: 5px;//gutter列设置宽度,与上保持一致}/deep/ .el-table__body { ...
2 进入列表页面，右侧出现滚动条，点击新增，发现右侧滚动条，隐藏，页面抖动，很不友好，如下图：3 这个时候该怎么去解决这个样式呢，找到”main.js“，入口文件，如下图：4 我们使用的element ui 已经引入，配置一下，这个值：import ElementUI from 'element-ui';ElementUI.Dialog.props.lockScroll....
1.在el-table的一些列加fixed后,固定列的横向滚动条无法拖动问题: (1)加样式 1-1 如果有合计行的,适当增加bottom的值 (2)加上样式后,因为固定列有bottom: 17px的距离,会导致不固定列的滚动到底部后,与左侧发生错位 1-2 这时需加上: 1-3 2.有纵向滚动条,在横向拖到最右侧时,导致表格位置错乱 ...
console.log('有滚动条') } else {// 没有滚动 this.tableSrocll = false document.querySelector('.el-table__body').style.paddingRight = getScrollbarWidth() + 'px' } // 恢复滚动条到顶部 this.$refs.chatListRef.bodyWrapper.scrollTop = 0 ...