在項目的需求中,用vue-for來加載數據顯示到tr中,但數據要求兩行顯示,我的解決辦法是這樣: <table>
<thead></thead>
<tr v-for="item in items">
<td colspan = "10">
<table>
<tr></tr>
<tr></tr>
</table>
</td>
</tr>
</table>現在可以實現數據加載兩行顯示,但現在有個問題就是里面table的tr跟外面table的thead無法對齊,難道真的只有css來一個個地移嗎?如圖另外有個問題,就是燈光亮度旁邊也有兩個圖標,不知怎么就是顯示不出來,路徑是沒問題的,因為冷光暖光圖標也能顯示。這是未顯示圖標的代碼:.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;
}
當table里嵌套一個table,怎么讓里面table的tr和外面table的thead對齊?
呼喚遠方
2018-07-22 15:30:30