1、效果
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/63915720b206db95ce91f2372b158937.png)
2、html
<body>
<table class="table">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
<th>操作</th>
</tr>
{{each list}}
<tr>
<td>{{$value.username}}</td>
<td>{{$value.age}}</td>
<td>{{$value.sex}}</td>
<td><a href="#">编辑</a> <a href="#">删除</a></td>
</tr>
{{/each}}
</table>
</body>
3、css
table,
th,
td {
border: 1px solid rgb(167, 150, 150);
}
table {
border-collapse: collapse;
}
td {
text-align: left;
}
table,
td,
th {
border: 1px solid green;
}
th {
background-color: green;
color: white;
}
table {
width: 500px;
}