做项目的时候经常会遇到表格需要横向渲染的情况,但是原生table是不可以横向的,只能变换一下思路
1. 第一种思路,更适用于小表格,当你渲染完成后你的老板突然告诉你它需要横过来,你就可以用到这个
html:
css:
例图:
2. 第二种思路,以下图为例,在td里添加span或li等,在td上进行vue循环,在span里渲染,就会横向渲染了,不过此方法在数据多的时候也比较麻烦,欢迎补充。
做项目的时候经常会遇到表格需要横向渲染的情况,但是原生table是不可以横向的,只能变换一下思路
1. 第一种思路,更适用于小表格,当你渲染完成后你的老板突然告诉你它需要横过来,你就可以用到这个
html:
css:
例图:
2. 第二种思路,以下图为例,在td里添加span或li等,在td上进行vue循环,在span里渲染,就会横向渲染了,不过此方法在数据多的时候也比较麻烦,欢迎补充。