1

有人可以解释一下如何使这张表响应吗?它的顶部和左侧有两个标题。我知道如何使表格响应式顶部只有一个标题,但不能同时使用这两个标题。

<!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">&nbsp;</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>
4

0 回答 0