为了账号安全,请及时绑定邮箱和手机立即绑定

当table里嵌套一个table,怎么让里面table的tr和外面table的thead对齐?

当table里嵌套一个table,怎么让里面table的tr和外面table的thead对齐?

呼唤远方 2018-07-22 15:30:30
在项目的需求中,用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; }
查看完整描述

1 回答

?
心有法竹

TA贡献1866条经验 获得超5个赞

是的,因为没有在一个 <table> 环境里,所以必须手动指定每个单元格的宽度。

查看完整回答
反对 回复 2018-07-29
  • 1 回答
  • 0 关注
  • 4425 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信