Question

我有一个表，现在我必须在我的表中插入其他table / div或stm，所以它应该在附图中看起来。

table

我已经制作了桌子，并且不知道如何在绿色行下方插入灰色表格。我尝试在td内插入表格，但它不起作用。然后我使用display：table创建一个div，看起来几乎没问题，但是单元格对齐的价格很差。如图所示，所有价格（300,343,300）必须是相同的单元格大小。

我只需要一个简单的例子来说明如何在图像中显示。我的桌子是宽度：100％;

没有代码，只需要一个例子

Answer 1

您可以使用例如灰色行的代码：

<tr>
  <td></td>
  <td colspan="8"> your gray table </td>
  <td></td>
</tr>

Answer 2

这是将表放在另一个表中的一个非常基本的例子。

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
}
</style>
</head>
<body>

<table>
  <tr>
    <td>Table inside another table
      <table>
        <tr>
          <td>A</td>
          <td>B</td>
        </tr>
        <tr>
          <td>C</td>
          <td>D</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

</body>
</html>

如何在tr行下面的主表中添加第二个表

2 个答案: