html5表格嵌套

html5表格嵌套,第1张

看你的情况,你应该是想多加一行通栏表格,如下:

<table>

<tr>

<td width="100"></td>

<td width="100"></td>

<td width="100"></td>

<td width="100"></td>

</tr>

<tr> //新加的一行tr

<td colspan="4"></td> //新加的一行td,因为是通栏,所以加上colspan属性

</tr>

</table>

colspan属性=4, 表示包含4个单元格的一个通栏表格。想包含几个单元格,数字就写几就可以了

html5中可以把table嵌套在form中就自然合并了。

<form>

<table border="1" cellpadding="5" style="border:2px #26FF26 solidtext-align:center">

<tr><td rowspan="2">使用 rowspan 的栏位</td><td>表格栏位</td></tr>

<tr><td>表格栏位</td></tr>

</table>

</form>

这是表格最基本的代码,你需要对表格的宽,高重新设置一下就好了

注意:设置表格事先需要知道目标表格是几行、几列。

<style>

table{border:1px solid #333width:600px}

table td{border:1px solid #333}

</style>

<table>

<tr>

<td>费用项目</td><td>类别</td><td colspan="2">金额</td><td rowspan="2">负责人(签章)</td><td rowspan="2">0</td>

</tr>

<tr>

<td>0</td><td>0</td><td colspan="2">0</td>

</tr>

<tr>

<td>0</td><td>0</td><td colspan="2">0</td><td rowspan="2">0</td><td rowspan="2">0</td>

</tr>

<tr>

<td>0</td><td>0</td><td colspan="2">0</td>

</tr>

<tr>

<td>0</td><td>0</td><td colspan="2">0</td><td rowspan="2">0</td><td rowspan="2">0</td>

</tr>

<tr>

<td>0</td><td>0</td><td colspan="2">0</td>

</tr>

<tr>

<td>0</td><td>0</td><td colspan="2">0</td><td>0</td><td>0</td>

</tr>

<tr>

<td colspan="6">0</td>

</tr>

<tr>

<td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td>

</tr>

</table>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6166382.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存