如何解决表格设计-内部表格?
| 这是我目前的小提琴: http://jsfiddle.net/UjAQf/28/ 我想以这样的方式设计表格: 怎样嵌套一个内部表,就像这里的模拟表一样?我不确定这是否是正确的方法,因此请提出建议。
解决方法
colspan和rowspan。除非您具有绝对固定的宽度或非常困难的JavaScript,否则嵌套表将不会使列对齐。
注意,可能很难控制这些列的宽度。 td / th具有colspan的任何\'width \'将被忽略。将宽度放在colspan = 1的列中的第一个td上。
<thead>
<tr>
<th>Sport</th>
<th>Status</th>
<th colspan=\"2\">Pick</th>
<th>Genus></th>
<th>Genius Credential</th>
<th>Result</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan=\"7\">MLB Moneyline:...</td>
</tr>
<tr>
<td rowspan=\"4\">[] MLB</td>
<td rowspan=\"4\">Sat 7:45 PM...</td>
<td rowspan=\"4\">The <b>Yankees</b> will...</td>
<!--first row of nested table. It can be tricky-->
<td>@-105 price</td>
<td>chris</td>
<td>MLB AL East...</td>
<!--/end nested table-->
<td rowspan=\"4\">--</td>
</tr>
<tr> <!-- rest of nested table -->
<td>@ -106 price</td>
<td>sean</td>
<td>...</td>
</tr>
<tr>
<td>@ -105 price</td>
...
</tr>
...
<!-- repeat more rows -->
</tbody>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。