1

データで満たされた非常に大きなテーブルがあります

1番目-列の表示/非表示を使用したい:
問題は、列が10-12を超えると、これが非常に遅くなること
です。各列にクラスを与え、
関連付けられたアンカー()でトグルを呼び出します.

2番目と3番目-行が1000を超えるため、固定ヘッダーを使用したいのですが、
これを行うと、js
で記述した検索を効果的に使用できず、実際には軽量コードです。

PS。覚えておいてください、20列以上、1000行以上の非常に大きなjson生成テーブルがあり、** JQUERYとJQUERYUI以外のフレームワークは使用できません**

編集:表示/非表示のコードを追加

        $('#columnSelect').on('click', 'li', function(){
        var columnTmp = $(this).children('a').text()
        $('#dataTable').find('.'+columnTmp).toggle()
    })

最初のajax呼び出しでも動的に作成されるタグのリストがありますアンカーのテキストを取得し、それと一致させてから、その列tdsを切り替えます

4

2 に答える 2

1

本当に jQuery が好きなら、Slick Grid や Flexi Grid などの無料の jQuery Grid API を使用することをお勧めします。

于 2012-12-25T10:52:53.040 に答える
1

「大きなテーブル」の一部に 2 つのプラグインを組み合わせて使用​​しています

これは、テーブルの書式設定に使用され、並べ替えやその他の機能を提供します: http://www.tablefixedheader.com/fullpagedemo/

そして、これはフィルタリングを提供します。これは高速で非常に効果的です。多くの列/データがある場合に役立ちます。各列の上部に検索ボックスまたはドロップダウンを個別に配置して、その列でのフィルタリングを可能にし、「クイック検索」タイプの検索ボックスを使用して、すべての列を検索/フィルタリングします http://www.picnet.com.au /picnet-table-filter.html

于 2012-12-25T10:14:37.127 に答える