DataTables

ソフトウェアのスクリーンショット:
DataTables
ソフトウェアの詳細:
バージョン: 1.11.3 更新
日付のアップロード: 1 Oct 15
開発者: Allan Jardine
ライセンス: 無料
人気: 801
サイズ: 1875 Kb

Rating: 4.0/5 (Total Votes: 2)

このプラグインは、Webページ上のデータの大規模な組織的なセットをデータグリッド、データ・セットを提示し、提示するための最適です。

このリリースの新機能:

この新しいAPI
キャメルケース表記
新しいスタイルシート
内蔵のページネーションの改善
HTML 5のデーター*属性サポート
内蔵のソート処理が向上し、型検出
簡単Ajaxの取り扱い
右から左へのレイアウトのサポート

このバージョン1.10.7の新機能です:

この新しいAPI
キャメルケース表記
新しいスタイルシート
内蔵のページネーションの改善
HTML 5のデーター*属性サポート
内蔵のソート処理が向上し、型検出
簡単Ajaxの取り扱い
右から左へのレイアウトのサポート

この新しいAPI:

このバージョン1.10.5 / 1.10.6-devの中でどのような新機能は
キャメルケース表記
新しいスタイルシート
内蔵のページネーションの改善
HTML 5のデーター*属性サポート
内蔵のソート処理が向上し、型検出
簡単Ajaxの取り扱い
右から左へのレイアウトのサポート

このバージョン1.9.3の新機能です:

この削除された不発弾のCSS ThemeRollerのファイルから。
例/ API / multi_filter_select.htmlで固定タイプミス。
重複したCSSの行を削除しました。
ユニットテストmDataPropからMDATA名変更のために更新。テストの数がmDataPropの後方compabilityをテストすることに注意してください。
これはjQueryの1.8で廃止予定されており、完全にjQueryの1.9で削除されますので、$の.browserの使用を削除しました。
例を更新します。

このバージョン1.9.2の新機能:

この修正:
追加jqXHRはfnServerData例に保存します
JSDocのツールキットによってピックアップされたJSDocの構文エラー
API:$メソッドは、すべての行がレンダリングされていないdeferedレンダリングで使用される場合には、エラーがスローされます「NULL」の選択を実行しようとしているjQueryの中で結果。今jQueryのに渡す配列に追加する前に作成されたTRをチェックします
インデックス列の例では$とfnUpdateを使用します
fnDeleteRowは、ページを1つのバックドロップする可能性があります
fnPreDrawCallbackでfnCloseを呼び出すと、エラーになります
カスタムJUIのヘッダーとフッターのクラスを許可します
fnStateLoadの例では、予備のパラメータがあります(ではないがパラメータリストで)。

このバージョン1.9.1の新機能です:

このアップデート:-webkit0overflowスクロール:タッチをすべてdataTables_scrollBody CSSファイルに
DataTableの - 1.9.1リリース:-)
ユニットテストを修正する:彼はユニットテストはこれを反映するために更新する必要がある文字列のいずれかに情報マクロを許可するように変更Witht
ユニットテストを修正:このテストでエラーの数
新:"破壊"イベント - 表には、イベントを破壊する破壊されるようになりましトリガされます。これはaoDestroyCallbackは前に働いていた方法に非常に類似しているが、新しいコールバック/イベントはDataTableの使用mechanisimでこれはラインに実装を提供します
更新:2 jEditable例のテキストを更新
新:列オプション" sCellType" - あなたは列のTD(デフォルト)またはTH細胞を作成することができます。 TBODYに行見出しを作成するのに便利です。
新:静的APIメソッド - $ .fn.dataTableに接続されている静的APIメソッドとして利用でき、ここで既にインスタンスメソッドとして提供されて、バージョンチェックと同じfnVersionCheckが、
新:静的APIメソッド - fnIsDataTable - 表ノードがデータテーブルであるかどうか確認してください
新:静的APIメソッド - fnTables - テーブルの上に初期化されるのDataTableを取得する(必要に応じて、単に目に見えるテーブルに制限)
修正:IE7-でScrollbodyの高さ - 一貫offsetHeight使用 - 9424
API - 修正: - 7825 fnDrawのためのパラメータは、1.9.0のリリースで誤って反転しました
Devの修正:最近の_fnLanguageCompat変化変数DEFを逃しました
ドキュメント - 修正:fnDrawCallback例に表示oSettingsパラメータ - 9067
ドキュメント - 修正:タイプミス
ドキュメント - 修正: - 9094 fnSortのマニュアルでは、列の並べ替えを示すように更新します
修正:afnSortData機能はDataTableのインスタンスのスコープで実行されていませんでした

このバージョン1.9.0の新機能です:

このDataTableの1.9は、状態のカスタマイズのためのはるかに改善のAPIを持っていますが、それは古いパラメータfnStateLoadCallbackとfnStateSaveCallbackを取り除く意味しています。

このバージョン1.8.2の新機能です:

この修正:IE7のためのユニットテスト互換性修正プログラム
新しいデータソースが関数であることが判明した場合、その関数が実行され、セルの表示に使用されるリターン(などのフィルタリング、ソート+)。これはknockout.jsとBACKBONE.JSなどとの統合のために有用です
新:Ajaxリクエストを示すすべての例で、サーバーからのJSONレスポンスを表示(readiable JSONフォーマットであることが強調された)と示す応答は、各追加の要求に更新されます。アイデアは、DataTableのが期待する書式設定を行うことである/より明確に対処することができます
Devの修正:新しいカスタムイベントは、常に最初のパラメータとして設定オブ​​ジェクトのDataTableを渡します
最新のjQueryを更新 - 1.6.3

このバージョン1.8.1の新機能です:

このデベロッパー修正:fnDestryが原因コミット以前のミスに正しくて、元の再適用されませんでした - ユニットテストでピックアップ
修正:X-スクロール無効と完全に描画するにはあまりにも小さなテーブルと行の位置合わせを。以前のDataTableは、この場合に揃えるない列に関するエラーを発するだろうし、テーブルを描画するために最善をしようが、これは非常に悪い見て終わるだろう。この修​​正は、テーブルは、x-スクロールが無効になっているとき、それはおそらくすることができますよりも小さく描画することができないことです。この効果動的にサイズ変更可能な表 - 5232
更新:オブジェクトの場合、行の正しい順序を取得するには、ソートやフィルタリングのためのDataTableから送信されたmDataPropを考えます。これはColReorderために有用であり、より一般的には、テーブル全体のフレキサビリティを向上させます
新:サーバー側の処理のためにサーバにmDataPropを送信します。すでにmDataPropを使用する場合は、sNamesパラメータに非常にsimialrが、よりconvientです
更新:最新のjQueryを更新 - 1.6.1
修正:ソート可能しかし、隠されている列は、ソートのためにそれらに接続されているイベントがありますが、列はfnDestroyため、再度表示されたときに、このイベントハンドラは削除されません。 5497 - カラムがない前に、可視化された直後、すなわちイベントを削除 - だけで行われている破壊する方法の順序を変更する必要があります
修正:複雑な式はaoColumnDefsで構築され、QUOT&投入するカラムの能力が得られ、かつオフ&QUOTに。 5472 - - この修正プログラムのためのrupsに賛辞を初期化中に、それはおそらくソートに正しいされていない列クラスをもたらすであろう
新:利用しやすさの特徴 - 制御とフィルタリング制御を変更する長さは今x3cで&#ラップされ;ラベル&#Spark Proの。利用しやすさを支援するためのタグ(その入力要素への明示的な関係)。あなたは、単に&QUOTをクリックすることで、すぐにこれを見ることができます。検索:"テキストは - スクリーンリーダーのために、それはラベルからラベルテキストを与える一方で、それは、テキストボックスの入力を注力してまいります。
新:;マクロ&QUOTフィルタリング入力言語文字列(oLanguage.sSearch)は、現在&QUOTを持っています。入力要素はどこにも文字列の中に配置できるようにすることで_入力_。たとえば、あなたが与えた&QUOT場合、SSEARCH&QUOT ;:" Data_INPUT_Tables"フィルタの出力は次のように&QUOTう;データ&#のx3c;入力... /&#のSpark Proの、テーブル]です。これはオプションです - _入力_が与えられていない場合は、以前のように与えられた(またはデフォルトの)テキスト文字列の最後に上の入力要素をタックしますします。
修正:1.8で複雑なデータ構造を使用する能力がfnUpdateにに渡され配列がない必要があることを意味し、厳密にテーブルの列数と同じ長さで - したがって、あなたがこれを行う場合は、指定された警告が間違っています.. 。必要に応じて他のコードを変更しない - 警告を生成するだけの必要はありません!ユニットテストを追加 - 5396
例としては、修正:詳細テーブルには、開始時に、その中の1つの余分な列があるので、これはソートするときに考慮に入れる必要がある - 5422
修正:自動幅がテーブルを破壊するときに我々はそれを設定するべきではありません無効になっているときに、テーブルの幅は設定されていません - 5220
DataTableに1.8.1の開発を開始
修正:例におけるタイプミスのカップル

このバージョン1.7.5の新機能です:

この修正:fnInitCompleteは、DOMソースを使用したときに実行される最後のものではなかったです。それはあなたが、その後誤っAjax呼び出しを行うためのDataTableをトリガーことになるfnInitCompleteにsAjaxSourceを設定することは可能でした。
更新:非WebKitのブラウザでユニットテストの信頼性
修正:fnDrawCallbackは、実際には(内部のコールバックが後に呼ばれた)と呼ばれていたドローコールバック関数の第一号でした。これは間違っていたと我々は今、配列をループは私たちが望む順序を取得します。将来のある時点では、これらのコールバックはinterdependantなっ描く場合は順序を持つことが必要になることがあります。
パフォーマンス:ソートの実装を書き換え、それは$ .inArrayのはeval()()のいずれかを使用しないようにします。新しいimplementionは、単一のオブジェクトパラメータretreivalほど速く見えるように値/キー逆マッピングを使用しています - InArrayバリ操作はエラーメッセージ 'スクリプトが遅い実行されている「与えることをカウントし、IEに深刻な負の効果を有することが判明しました。さらに、私は、ソート(以前のAIRソート方法)の非evalのバージョンにいくつかの最適化と機能の完全性の仕事をしていると私は、これは古いのevalよりも(場合によっては速い)少なくとも同じ良好であることがわかりました()ソートをするので、これは、デフォルトで唯一のソート方法のDataTableのです提供 - 2922
github.com:DataTables/DataTablesの「マスター」ブランチをマージ
更新:使用されているスクロールしたとき、今テーブルに計算列のサイズを適用する最初の(そして唯一の)パラメータとして「偽」と呼ばfnAdjustColumnSizing。これは、非Ajaxの更新はサーバー側の処理を使用する場合に発生することができます。このパッチの猫ワイスマンに感謝します。
更新:使用されているスクロールしたとき、今テーブルに計算列のサイズを適用する最初の(そして唯一の)パラメータとして「偽」と呼ばfnAdjustColumnSizing。これは、非Ajaxの更新はサーバー側の処理を使用する場合に発生することができます。
修正:複雑なヘッダーの動作が非ユニークTH要素の最初のソート可能なためにクリックすることで、複雑なヘッダに若干変更されています。このように必要なユニットテストの更新が列に属するすべての要素が並べ替えるためにクリックされたとき、前とは異なる動作です。
更新 - 今のjQueryのコピーとしてjQueryの1.4.4を使用すると、DataTableのディストリビューションに含まれています。すべてのユニットテストを渡します
修正:サーバー側の処理を使用してfnDestroyと呼ばれたときにデータが使用されないので、サーバーに別のXHRをしない - 3375
修正:正しくヘッダにTH要素にsClassを追加
新:bScrollAutoCssオプション(デフォルトはtrue)を追加します。これは、あなたは、通常のDataTableを設定します(と上書き)する場所、CSSを使用したスクロールのスタイルを制御することを可能にするスタイルそのもの。これは、すべての回(通常は自動)に示すスクロールバーを持っているしたい場合に便利です。
修正:JUIを使用した場合、それがテーブルコントロールに場違いに見えるとして大胆なスタイリングを削除
新:のDataTable(bVisibleとfnSetColumnVis)の列の可視性オプションは現在、THEADとTFOOTでアカウントに複数の行を取ります。そのCOLSPANとROWSPANがヘッダーとフッターの列の可視性オプションを使用する場合にサポートされておらず、非常に可能性は全く望ましくない効果を持つことになりますのでご注意ください。そのようにそこにこの使用上の条件は、(あなたが唯一のヘッダー/フッターに1行を持っている場合、これは影響がないことに注意してください)​​している具体的に、ヘッダー/フッター内のセルの数がはるかに列に等しいこと*行(中それぞれ)。必要に応じて、この方法では、DataTableのは、正確にセルを追加したり削除することができます。細胞は、THやTD要素のいずれであってもよいが、DataTableのはまだ各列の少なくとも一つのTH要素を必要とします。
更新:これまでは複数のセルが最後のものが優先度(すなわちソートイベントハンドラなど)を与えられることになる列に一意として検出されたとき。これは、もはや今の場合ではありませんし、最初が優先されます。
修正:1.7.4でサーバー側の処理のために導入された「sNames」パラメータを削除します。パラメータ「sColumns」は実際に既に正確にこのタスクを実行します。いやはや。また、このことを考慮に入れてする例PHPを更新 - 3218

この要件:

このJavaScriptはクライアント側で有効になって
jQueryの

スクリーンショット

datatables_1_77689.png

同じようなソフトウェア

jQuery Translate
jQuery Translate

28 Feb 15

waitForAnimation
waitForAnimation

13 May 15

Matrix.js
Matrix.js

13 May 15

へのコメント DataTables

コメントが見つかりません
コメントを追加
画像をオンにする!
カテゴリから探す