私は3つのテーブルを持っています。それらがすべてデータ(10行)で満たされている場合、それらは正常に見えます。写真を見る
ただし、最大容量(つまり、10行)に達していない場合、テーブルは中央に配置されます。
最初の写真のように上部の配置と下部のボタンを維持したいと思います。これを行うための簡単なスタイルはありますか?私のHTMLは次のようになります
<table width="100%">
<tr>
<td>
<table id="SomeTableContainer">
<tr>
<th>Name</th>
</tr>
</table>
<button id="prev1"><<</button>
<button id="next1">>></button>
<button id="create1">Create</button>
</td>
<td>
<table id="SomeOtherTableContainer">
<tr>
<th>Name</th>
</tr>
</table>
<button id="prev2"><<</button>
<button id="next2">>></button>
<button id="create2">Create</button>
</td>
<td>
<table id="OtherTableContainer">
<tr>
<th>Name</th>
</tr>
</table>
<button id="prev3"><<</button>
<button id="next3">>></button>
</td>
</tr>
</table>