HTML-基於bootstrap的table表格

<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的容器樣式。