<table class="table table-bordered table-hover table-striped">//表格
<thead> //表头
<tr> //表头---行
<th>Id</th> //表头--头部单元格
<th>Name</th>
<th>Ctime</th>
<th>Operation</th>
</tr>
</thead>
<tbody> //表体
<tr v-for="item in search(keywords)" v-bind:key="item.id"> //表数据---行
<td>{{item.id}}</td> //每行的 数据单元格
<td v-text="item.name"></td>
<td>{{item.ctime}}</td>
<td>
<a href="" v-on:click.prevent="del(item.id)">删除</a>
</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-hover table-striped">:基于bootstrap的表格,类有基础样式.table,4种附加样式(.table-bordered带边框的表格、
.table-striped带背景条纹的表格、.table-hover鼠标悬停高亮的表格、.table-condensed紧凑型表格),以及支持响应式布局的.table-responsive的容器样式。