Question

我需要在一行显示一个Group Title，然后在第二行显示一个Personal Title，然后在嵌套表中显示一个人名下的垂直列表。

我需要在每一行显示四列。

即。这是我想要的一个例子

IBM              DELL         IBM              DELL
President       President     President       President
Mr A             Mr D         Mr A             Mr D
Mr B             Mr E         ..               ..
Mr C             Mr F
etc..

如何为此设置HTML？

Answer 1

如果您想要纯HTML，请尝试此代码
尝试添加更多行和列的tr，th，td标签

<!DOCTYPE html>
<html>
<head>
<style>
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}
</style>
</head>
<body>

<table>
  <tr>
    <th>IBM</th>
    <th>DELL</th>
    <th>some other</th>
  </tr>
  <tr>
    <td>President</td>
    <td>President</td>
    <td>President</td>
  </tr>
  <tr>
    <td>Mr A</td>
    <td>Mr D</td>
    <td>Mr someguy</td>
  </tr>
  <tr>
    <td>Mr B</td>
    <td>Mr E</td>
    <td>Mr someguy</td>
  </tr></table>

</body>
</html>

嵌套表中的设置标题和垂直列表

1 个答案: