I have a table in HTML:
<div style="height: 90vh">
<div style="position: relative; width: 100%; height: 100%">
<table style="display: table; height: 100%">
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
</tbody>
</table>
</div>
</div>When I open it in Firefox the header take half the table but when I open it on Google Chrome the header take just the height of its content.
Did you know about this issue any thing?
I expect it to work like Google Chrome and the header to take just the height of its content.