代码之家 › 专栏 › 技术社区 › maxisme

在不退出TR的情况下创建表中的新行

django-forms css html

maxisme · 技术社区 · 6 年前

我写这段代码是为了我的完美布局。不幸的是,我有一个复杂的js库基于 formsets . 这需要我使用表行。

   table {
     width: 100%
   }

   th {
     text-align: left;
     font-size: 30px;
   }

<table>
  <thead>
    <tr>
      <th>A</th>
      <th>B</th>
      <th>C</th>
      <th>D</th>
      <th>E</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
    </tr>
    <tr>
      <td colspan='3'>Lorem ipsum Dorem</td>
    </tr>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
  </tbody>
</table>

所以我需要一种替代的方式使用样式来显示像上面一样只有一个 <tr>

<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td class='break'>Lorem ipsum Dorem</td>
  <td class='break'>1</td>
  <td>2</td>
  <td>3</td>
</tr>