有人可以解释一下如何使这张表响应吗?它的顶部和左侧有两个标题。我知道如何使表格响应式顶部只有一个标题,但不能同时使用这两个标题。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>not titled</title>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col"> </th>
<th scope="col" style="background-color:red;">Title</th>
<th scope="col" style="background-color:red;">Title</th>
<th scope="col" style="background-color:red;">Title</th>
</tr>
<tr>
<td style="background-color:red;">Title</td>
<td>Content</td>
<td>Content</td>
<td>Content</td>
</tr>
<tr>
<td style="background-color:red;">Title</td>
<td>Content</td>
<td>Content</td>
<td>Content</td>
</tr>
<tr>
<td style="background-color:red;">Title</td>
<td>Content</td>
<td>Content</td>
<td>Content</td>
</tr>
</table>
</body>
</html>