次のスクリプトは、スクロール バーを画面の右端に配置します。テーブルのすぐ右に置いてほしい。
このテーブルのすべてのスタイルは JavaScript によって追加されていることに注意してください。
を使用して表の幅を取得しvar width=$('.body').width();
、それを囲みに適用するだけだと思いました<div>
$('.container').width(width);
問題は、スクロール バーがスペースを占有し、テーブルを不適切に圧縮することです。
幅を任意に追加することはできますが、ブラウザーによって異なる可能性があることを懸念しています。
これはどのように達成するのが最善でしょうか? ありがとうございました
<body>
<div id="myTable">
<table class="header"></table>
<div class="container" style="overflow-y:auto; height:40px;">
<table class="body">
<tbody>
<tr>
<td style="width:100px">ddd</td>
<td style="width:110px">ccc</td>
<td style="width:120px">42</td>
</tr>
<tr>
<td>ddd</td>
<td>ccc</td>
<td>42</td>
</tr>
<tr>
<td>ddd</td>
<td>ccc</td>
<td>42</td>
</tr>
</tbody>
</table>
</div>
<table class="footer"></table>
</div>
</body>