web-dev-qa-db-ja.com

最高の動的JavaScript / JQueryグリッド

JavaScript、JQuery、およびHTMLを使用しています。私のプロジェクトのUIは完全に動的です。次の機能をサポートする動的なJavaScript/JQueryグリッドを探しています。

次の機能をサポートする見栄えの良いオープンソースグリッドがあることを誰もが教えてくれますか？

  1. 実行時にグリッドのインスタンスを作成し、DOMに追加できるはずです。
  2. 列テンプレートをサポート（テキストボックス、選択、チェックボックス、入力、または単純なテキスト）
  3. 新しい列テンプレートの設定をサポートするか、既存の列テンプレートをリアルタイムで置き換えます。
  4. 列の下に存在する入力コントロール（テキストボックス、チェックボックスなど）の数は、有効であり、無効である場合があります。
  5. リアルタイムでsetData（）をサポートします。
  6. 入力データがユーザーによって変更された場合、イベントをサポートします。
  7. 行の選択をサポートする必要があります
  8. グリッド全体をレンダリングすることなく、リアルタイムで行の追加または削除をサポートします。
  9. ページングをサポートします。
  10. リアルタイムで任意の列によるソートをサポートします。
  11. ユーザーがリアルタイムでデータを並べ替えた場合にイベントを発生させます。
  12. グリッドUIは実現可能な列をサポートする必要があります
  13. 自動サイズ変更可能（親要素のサイズに応じてグリッドが自動サイズ変更できると便利です）
  14. 間違いなく良いドキュメントがあります。
javascriptjquerygrid
87
Somnath

便利なものは次のとおりです。

自由：

有料：

私の意見では、最高のエントリはFlexigridとjQuery Gridです。

42
Soham

あなたは試すことができます http://datatables.net/

DataTablesは、jQuery Javascriptライブラリのプラグインです。プログレッシブエンハンスメントの基盤に基づく柔軟性の高いツールであり、HTMLテーブルに高度なインタラクションコントロールを追加します。主な機能：

  • 可変長のページネーション
  • オンザフライフィルタリング
  • データ型検出による複数列の並べ替え
  • 列幅のスマートな処理
  • ほとんどすべてのデータソースからのデータを表示する
  • DOM、Javascript配列、Ajaxファイル、およびサーバー側の処理（PHP、C＃、Perl、Ruby、AIR、Gearsなど）
  • テーブルビューポートのスクロールオプション
  • 完全に国際化可能
  • jQuery UI ThemeRollerのサポート
  • 堅実-2600以上の単体テストに支えられています
  • さまざまなプラグイン株式会社TableTools、FixedColumns、KeyTableなど
  • それは無料です！
  • 状態保存
  • 非表示の列
  • テーブルの動的作成
  • データのAjax自動読み込み
  • カスタムDOMポジショニング
  • 単一列フィルタリング
  • 代替ページネーションタイプ
  • 非破壊的なDOMインタラクション
  • ソート列の強調表示
  • 高度なデータソースオプション
  • 広範なプラグインのサポート
  • ソート、タイプ検出、API関数、ページネーション、フィルタリング
  • CSSで完全にテーマ化可能
  • 堅実なドキュメント
  • 110以上のビルド済みサンプル
  • Adobe AIRの完全サポート
38
enclaved

動的JQueryグリッドに対する私の提案は以下のとおりです。

http://reconstrukt.com/ingrid/

https://github.com/mleibman/SlickGrid

http://www.datatables.net/index

最も良いのは：

DataTables は、jQuery Javascriptライブラリのプラグインです。プログレッシブエンハンスメントの基盤に基づく柔軟性の高いツールであり、HTMLテーブルに高度なインタラクションコントロールを追加します。

可変長のページネーション

オンザフライフィルタリング

データ型検出による複数列の並べ替え

列幅のスマートな処理

ほとんどすべてのデータソースからのデータを表示する

DOM、Javascript配列、Ajaxファイル、およびサーバー側の処理（PHP、C＃、Perl、Ruby、AIR、Gearsなど）

テーブルビューポートのスクロールオプション

完全に国際化可能

jQuery UI ThemeRollerのサポート

堅実-2600以上の単体テストに支えられています

さまざまなプラグイン株式会社TableTools、FixedColumns、KeyTableなど

テーブルの動的作成

データのAjax自動読み込み

カスタムDOMポジショニング

単一列フィルタリング

代替ページネーションタイプ

非破壊的なDOMインタラクション

ソート列の強調表示

高度なデータソースオプション

広範なプラグインのサポート

ソート、タイプ検出、API関数、ページネーション、フィルタリング

CSSで完全にテーマ化可能

堅実なドキュメント

110以上のビルド済みサンプル

Adobe AIRの完全サポート

8
user319198

Agiletoolkit.orgをご覧ください。これは、2,4,6,7,9,10および12をそのままサポートする使いやすいCRUDを持っています（データを追加、削除するときにグリッドを保護するためにAjaxを使用し、 jquery。

いくつかの例を投稿しますが、現時点ではiPadに投稿します。

5
Trevor North