修改iview库table表格数据为纵向显示

86 阅读1分钟

前言

目前的ui框架table都是横向数据显示的,但是客户原型需求是要纵向显示,因为不想自己写样式,所以讲iview框架进行修改封装了一下。 如图:

iview.png 需要修改成

自定义.png

封装

目前是使用vue2实现的,以创建好基本项目为例 customTables.js文件 不同类型可继续添加,例如select、tag、button等等,可参考iview官网对于属性修改 页面引用

总结

纵向其实和正常表格渲染差不多,只是需要额外处理数据的渲染方式。这只是我自己的实现方式,如果你有更好的方法也可以一起分享探讨哦!