1

テーブル本体のスクロール中にヘッダーをフリーズできません。
私は次のコードを使用しました。

使用される CSS :

THEAD TH{
    POSITION: relative; 
    Z-INDEX: 20; 
    TOP: expression(document.getElementById("tableData").scrollTop-1);  
}

jspコード:

<div id="tableData"
    style="position: absolute; width: 96%; height: 260px; z-index: 1; left: 20px; top: 230px; overflow: auto">

    <table id="summaryTable" border="0" cellspacing="1" cellpadding="2" bgcolor="#ebcaff" width='100%'>
        <thead>
            <tr>
                <th>aaaaa</th>
                <th>aaaaa</th>
                <th>aaaaa</th>
                <th>aaaaa</th>
            </tr>
        </thead>
        <tbody>                 
            <tr>                        
                <td>bbbbb</td>                  
                <td>bbbbb</td>
                <td>bbbbb</td>
                <td>bbbbb</td>
            </tr>               
        </tbody>
    </table>

</div>
4

1 に答える 1

1

目的に合わせて jqgrid を使用できます。jqgrid プラグインをインポートするだけで、html テーブルを jqgrid に簡単に変換するオプションがあります。http://trirand.com/blog/jqgrid/jqgrid.htmlバージョン 3.3 の新機能 - HTML テーブルからグリッドへ。これは、問題の解決に役立つ可能性があります。また、ページング、並べ替え、テーブル内の検索をデフォルトで使用できます。

于 2013-10-23T05:24:55.230 に答える