1. 第一种思路，更适用于小表格，当你渲染完成后你的老板突然告诉你它需要横过来，你就可以用到这个
html:
css:
例图：
2. 第二种思路，以下图为例，在td里添加span或li等，在td上进行vue循环，在span里渲染，就会横向渲染了，不过此方法在数据多的时候也比较麻烦，欢迎补充。
可以使用css样式表实现，示例如下：
<html>
<head>
<style type="text/css">
table,td,th{
border:1px solid gray
}
</style>
</head>
<body>
<table border="1">
<tr>
<th>学号</th>
<th>姓名</th>
<th>性别</th>
</tr>
<tr>
<td>1001</td>
<td>张三</td>
<td>男</td>
</tr>
</table>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）