html - div内の2つのテーブルを使用する列ヘッダーを修正しました

Question

2つのテーブル（ヘッダーとデータ）を動的にdivにロードします。データ行がスクロール可能である間、ヘッダーテーブルを固定したままにしておきたい。

これを実現するには、これらのテーブルに何を設定する必要がありますか？

それともそれを行うためのより良い方法はありますか？

Answer 1

これを行うためのより良い方法は、jQueryプラグインjquery.fixheadertable.jsを使用することです。または、ヘッダーのみを含む1つの行を含む1つのテーブルと、<th>データのみを含む行を含む他のテーブルを作成できます。<td>

    <table cellspacing="1" cellpadding="5">
        <tr>
            <th width="140">Heading 1</th>  
            <th width="140">Heading 2</th>
            <th width="140">Heading 3</th>
        </tr>
</table>
<table cellspacing="1" cellpadding="5">
    <tr>
        <th width="140"></th>   
        <th width="140"></th>
        <th width="140"></th>
    </tr>
    <tr>
        <td>Data 1</td> 
        <td>Data 2</td>
        <td>Data 3</td>
    </tr>
</table>

これはテンプレートコードです。私はこれを試しました、そしてこれはあなたの要件を解決するでしょう。