td中有多行

Question

商店onclick包含多行的表。商店可以有多种商品 商店（行）。

参见示例：https://jsfiddle.net/ak3wtkak/1/

第二个表上多个行的商店和数量（<td>）列的宽度应相同。如何解决这个或什么是替代方法？

<th>

Answer 1

你必须使用rowspan。 将行数为3的前两行设为。

<table border="1" width="100%">
  <thead>
    <tr>
      <th style="width:300px">Product</th>
      <th>Barcode</th>
      <th>Stores</th>
      <th class="middle">Quantity</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td rowspan="3">Item 1</td>
      <td rowspan="3">12345</td>
      <td>Store Name 1</td>
      <td>4</td>
    </tr>
    <tr>
      <td>Store Name 2</td>
      <td>4</td>
    </tr>
    <tr>
      <td>Store Name 3</td>
      <td>4</td>
    </tr>
  </tbody>
</table>