vue前端怎么实现纵向表头展示数据并且可以修改数据

使用el-table、table或其他方式都可以，实现纵向表头方式展示数据，并且数据可以修改，在网上找文章，实现纵向表头很多，但是都不可以修改数据。

普通的横向表头

转化为纵向表头后

就是不知道怎么改表格数据。

这种效果？

1.你需要使用插槽来自定义el-table-column里面的内容, 写一个input标签和一个正常的展示数据的div标签.让input标签的宽度和高度等于el-table-column标签的宽度和高度,让div的标签的宽度和高度也等于el-table-column标签的宽度和高度
2. 然后对 展示数据的div 标签设置一个双击事件或者点击事件,双击/单击 的时候让input标签显示,当input标签失去焦点的时候让 展示数据的div标签显示,
3.利用vu的v-if 和 v-else