前提问题:大屏展示中某一个区域是表格内容,当放大或缩小网页大小时,表格宽度随之缩放,但表格内容未进行缩放,需要表格内容与网页大小同时进行缩放,且表头和表格内容宽度不够未显示全时,需要进行提示
解决过程:使用min-width,resizable为false,可以解决自由宽度缩放问题,show-overflow-tooltip解决表格内容未显示全用省略号代替时,提示全部内容,使用v-slot:header插槽,插入表头需提示内容
解决结果:
<el-table-column prop="ss" label="无人机架次" align="center" :min-width="60" :resizable="false" show-overflow-tooltip>
<template v-slot:header>
<el-tooltip content="无人机架次" placement="top-start" effect="dark">
<span>无人机架次</span>
</el-tooltip>
</template>
</el-table-column>