0

次のスクリプトは、スクロール バーを画面の右端に配置します。テーブルのすぐ右に置いてほしい。

このテーブルのすべてのスタイルは 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>
4

0 に答える 0