在项目的需求中,用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;
}
添加回答
举报
0/150
提交
取消