如何在 HTML 中创建固定高度的表格并在不改变表格布局的情况下动态添加数据

我想用 HTML 创建 10 行表格。表格必须是静态的,如下图所示,无论数据是否存在,表格布局都不应改变。欢迎使用 HTML-CSS 或 JS 或 Bootstrap-4 或 PHP 或 Ajax 中的任何解决方案。

如何在 HTML 中创建固定高度的表格并在不改变表格布局的情况下动态添加数据

wangzhenhxy 回答:如何在 HTML 中创建固定高度的表格并在不改变表格布局的情况下动态添加数据

在 td 上添加一些带有边框的 css 以显示表格行存在的示例:

td {
border: 1px solid black
}
<table>
<tr>
  <th>First name</th>
  <th>Last name</th>
  <th>Email</th>
</tr>
<tr>
  <td>John</td>
  <td>Doe</td>
  <td>john@example.com</td>
</tr>
<tr>
  <td> </td>
  <td> </td>
  <td> </td>
</tr>
<tr>
  <td> </td>
  <td> </td>
  <td> </td>
</tr>
<tr>
  <td> </td>
  <td> </td>
  <td> </td>
</tr>
<tr>
  <td> </td>
  <td> </td>
  <td> </td>
</tr>
<tr>
  <td> </td>
  <td> </td>
  <td> </td>
</tr>
<tr>
  <td> </td>
  <td> </td>
  <td> </td>
</tr>
<tr>
  <td> </td>
  <td> </td>
  <td> </td>
</tr>
<tr>
  <td> </td>
  <td> </td>
  <td> </td>
</tr>
<tr>
  <td> </td>
  <td> </td>
  <td> </td>
</tr>

</table>

本文链接:https://www.f2er.com/2288.html

大家都在问