在項(xiàng)目的需求中，用vue-for來加載數(shù)據(jù)顯示到tr中，但數(shù)據(jù)要求兩行顯示，我的解決辦法是這樣：

    <table>
        <thead></thead>
        <tr v-for="item in items">
            <td colspan = "10">
                <table>
                    <tr></tr>
                    <tr></tr>
                </table>
            </td>
        </tr>
    </table>

現(xiàn)在可以實(shí)現(xiàn)數(shù)據(jù)加載兩行顯示，但現(xiàn)在有個(gè)問題就是里面table的tr跟外面table的thead無法對(duì)齊，難道真的只有css來一個(gè)個(gè)地移嗎？
如圖

另外有個(gè)問題，就是燈光亮度旁邊也有兩個(gè)圖標(biāo)，不知怎么就是顯示不出來，路徑是沒問題的，因?yàn)槔涔馀鈭D標(biāo)也能顯示。
這是未顯示圖標(biāo)的代碼：

.SingleRight .list .list-table tbody .moveRail .lightUp {
    background: url("../img/public/light.png") 5px center no-repeat;
    width: 30px;
    height: 30px;
    margin-left: 13px;
    margin-top: -8px;
}

.SingleRight .list .list-table tbody .moveRail .lightDown {
    background-image: url("../img/public/dark.png");
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -5px;
}