解决表格表头文字换行,导致底部拖动条消失
this.$nextTick(()=>{ //动态表格加载完之后,重新布局
this.$refs.Tablebom.doLayout();
});
<el-table
border "
class="contractBook"
ref="table"
:data="mlist"
empty-text=" "
@row-click="rowClick"
@header-dragend="changeColWidth" //绑定事件
style="width: 100%"
>
<el-table-column prop="name" align="center" label="姓名" min-width="21%"> / /min-width写成百分比
...
</el-table-column>
...
</el-table>
methods: {
changeColWidth(nw,ow,col,evt){
// console.log(nw,ow,col,evt,'拖拽');
this.$nextTick(()=>{ //动态表格加载完之后,重新布局
this.$refs.Tablebom.doLayout();
});
},
}
当表格表头的文字换行后,可能出现底部拖动条消失的状况。文章提供了一个解决方案,即在动态表格加载完成后调用`doLayout()`方法进行布局更新。通过监听`header-dragend`事件来调整列宽,并在调整后重新布局,以确保拖动条的显示。
4573





