html - 使表格 TR 使用全宽和其他正常列

Question

我在一个元素中工作，我正在制作一张 table ，看起来像这样:

<table>
  <thead>
    <tr>
      <th>Col 1</th>
      <th>Col 2</th>
      <th>Col 3</th>
    </tr>
  </thead>
  <tbody>
    <tr> <!-- this should be full width -->
      <td colspan="3"><span> Very long long text</span></td>
    </tr>
    <tr>
      <td>Col content 1</td>
      <td>Col content 2</td>
      <td>Col content 3</td>
    </tr>
  </tbody>
</table>

我希望第一个 tr 是一个全 Angular 元素。现在发生的是 td[colspan="3"] 使用 1 列，因此最后一个 tr 的第一列更大。

编辑

这是一个基本的例子，第一列很长，内容很多，让所有东西都消失在屏幕上

Answer 1

你正在使用 html，所以要更改 css，你需要说:style="colspan:3;"应该有用