在項目的需求中,用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)在可以實現(xiàn)數(shù)據(jù)加載兩行顯示,但現(xiàn)在有個問題就是里面table的tr跟外面table的thead無法對齊,難道真的只有css來一個個地移嗎?如圖另外有個問題,就是燈光亮度旁邊也有兩個圖標(biāo),不知怎么就是顯示不出來,路徑是沒問題的,因為冷光暖光圖標(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里嵌套一個table,怎么讓里面table的tr和外面table的thead對齊?
呼喚遠(yuǎn)方
2018-07-22 15:30:30