table中的行列 合并
小52019-03-29 15:26:51256<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
table{width: 800px;border: 1px solid #ccc;border-collapse: collapse}
td{border: 1px solid #ccc;text-align:center}
</style>
</head>
<body>
<div>
<table>
<thead>
<tr>
<th colspan="2">标题</th>
<th>状态</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="3" style='width:20px'>我合并了3个</td>
</tr>
<tr>
<td>第一列</td>
<td>我是标题</td>
<td>已读</td>
</tr>
<tr>
<td>第一列</td>
<td>我是标题</td>
<td>已读</td>
</tr>
<tr>
<td>第一列</td>
<td>我是标题</td>
<td>已读</td>
</tr>
<tr>
<td>第一列</td>
<td>我是标题</td>
<td>已读</td>
</tr>
<tr>
<td>第一列</td>
<td>我是标题</td>
<td>已读</td>
</tr>
<tr>
<td>第一列</td>
<td>我是标题</td>
<td>已读</td>
</tr>
<tr>
<td>第一列</td>
<td>我是标题</td>
<td>已读</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>