我想用 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>