1

mysql データベースから動的に生成されたテーブルをいくつか作成しましたが、データ行はスクロールし、ヘッダー行はスクロールしないように設定しようとしています。この方法では、ページの上部にスクロールして戻って、どの列を見ているかを確認する必要がありません。

これまでの私の解決策は、ヘッダーを独自のテーブルに分離し、次のようなデータのみでテーブルをスクロールすることでした:

<table id='box-table-a' border='0' width='100%'>
     HEADER ROWS
</table>

<div style='resize:vertical; height:500px; width:100%; overflow:auto;'>";
    <table id='box-table-a' border='0' width='100%'>";
       DATA
    </table>
</div>

画像

これはある程度機能しますが、ヘッダー行とデータ行の列は同じ幅ではありません (画像を参照)。列を互いに整列させる方法に関する提案はありますか?

4

0 に答える 0