在項(xiàng)目的需求中,用vue-for來(lái)加載數(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è)問(wèn)題就是里面table的tr跟外面table的thead無(wú)法對(duì)齊,難道真的只有css來(lái)一個(gè)個(gè)地移嗎?如圖另外有個(gè)問(wèn)題,就是燈光亮度旁邊也有兩個(gè)圖標(biāo),不知怎么就是顯示不出來(lái),路徑是沒(méi)問(wèn)題的,因?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;
}
當(dāng)table里嵌套一個(gè)table,怎么讓里面table的tr和外面table的thead對(duì)齊?
呼喚遠(yuǎn)方
2018-07-22 15:30:30