项目需求
- 表头内容选择项更改为 字段选择,点击后可勾选(多选)控制显示内容
问题原因
- el-table在重现渲染的时候,td(.cell)的高度被重新计算了,整个table的高度就发生了变化,产生抖动的效果
解决办法
- 给td固定一个高度
其他注意问题
- 表头的控制需要用v-if ,v-show是无效的,原因是v-show不支持 template 语法
- VUE不推荐v-if和v-for同时使用,解决办法套个template
- 组件Table-column Attributes :formatter在template中是无法使用的,可以用以下写法
// formatter 写个数据处理方法 return要展示的数据
<template slot-scope="scope">
<div >{
{ item.formatter? item.formatter(scope.row):scope.row[item.prop]}}</div>
</template>
整体代码如下
<el-popover placement="bottom" width