Question

我目前正在尝试使用Bootstrap创建一个使用我的c＃代码动态生成的表。但问题是某些列包含的表数据标签比其他列多，因此表结束的行比另一列长。

我希望能够让所有行与最大行的长度匹配，并用空格填充空白点。

这是我正在尝试的一个例子：

<table class="table table-hover">
  <thead>
    <tr>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>Doe</td>
      <td>john@example.com</td>
    </tr>
    <tr>
      <td>Mary</td>
      <td>Moe</td>
      <td>mary@example.com</td>
    </tr>
    <tr>
      <td>July</td>
      <td>Dooley</td>
      <td>july@example.com</td>
    </tr>
    <tr>
      <td>incomplete</td>
    </tr>
  </tbody>
</table>

Answer 1

HTML表结构应始终包含每行相等数量的单元格。如果您通过C＃生成html，则应填写缺少的空白元素。

最后一个TR应如下所示：

<tr>
  <td>incomplete</td>
  <td></td>
  <td></td>
</tr>

你也可以使用＆amp; NBSP;在空的标签内。

另一种选择是使用colspan使td覆盖多个单元格：

<td colspan="3">&nbsp;</td>

将覆盖3个细胞而不是1个。

如何使表行跨越最大行的宽度？

1 个答案: