Question

我需要一个table，还需要在表的tr行下插入两行完整的行，而我想尝试完成的唯一方法是在其下放置一个list 。我真的对此一无所获，甚至不胜感激。

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <ul>
    <li>Other data</li>
    <li>Other data two</li>
  </ul>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>

Answer 1

如果您需要跨越整个表格宽度的行，请在该行的colspan元素上使用td属性：

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td colspan="3">Other data</td>
  </tr>
  <tr>
    <td colspan="3">Other data two</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>

如果您需要一个无序列表（ul），请将其放入td：

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td colspan="3">
      <ul>
        <li>Other data</li>
        <li>Other data two</li>
      </ul>
    </td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>

重要：这是table元素的明显滥用，表示唯一 > 以显示表格数据。

如何在表格的tr

1 个答案: