'How to create fixed height table in HTML and adding data dynamically without changing table layout [closed]

I want to create table in HTML with 10 rows. Table must be static one like below image, whether data is there or not table layout should not change. Any solutions in HTML-CSS or JS or Bootstrap-4 or PHP or Ajax are welcomed. enter image description here

html


Solution 1:[1]

Example with some added css on td with a border to show that the table rows exist:

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>[email protected]</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>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Steve Tomlin

Related Questions