描述:
根据需求,对el-table的某一列进行判断显隐时,经常会出现列的位置错乱和表头的样式变化的问题;
注:此问题不属于技术问题,可以再多看看框架文档;
ex:(会错乱的写法)
修改:
说明:
给使用了v-if的列,加一个固定的key值,或循环渲染key即可;
虽然仍会有一瞬间的表头的样式的改变和列的错乱,但是已经不影响数据的展示了;
根据需求,对el-table的某一列进行判断显隐时,经常会出现列的位置错乱和表头的样式变化的问题;
注:此问题不属于技术问题,可以再多看看框架文档;
ex:(会错乱的写法)
给使用了v-if的列,加一个固定的key值,或循环渲染key即可;
虽然仍会有一瞬间的表头的样式的改变和列的错乱,但是已经不影响数据的展示了;
在使用el-table的时候,在数据多的情况下滚动表格会看不到表头是什么,为了用户体验可以使用表头吸顶来展示,如此丝滑的操作谁见了都说好。
【代码】Vue 3扩展el-table。
vue element ui el-table 表格合并
el-table使用图片实例代码
el-table排序
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M