Title: DataTables プラグイン

特定の条件で集めた記事（タスク、プロジェクト、予定など）を、並び替え（ソート）、絞り込み（フィルター）、ページ切り替え等をサポートしたテーブル形式（スプレッドシート形式）で表示します。

また、開発者は、プラグインに含まれる SDL ライブラリを使用することで、自分のプラグインに当テーブル機能を組み込めます。

動作例



タスクの一覧表

上図は、すべてのスペースからタスク記事を集めて表示した例です。



テーブルは記事の中に複数埋め込んで表示できるので、個人やグループで必要な数だけテーブルを用意できます。

並び替えと行数の変更



見出し行（テーブルの最も上の行）をクリックして並び替えができます。また、左上に表示されるドロップダウンリストで、ページあたりの行数（件数）を変更できます。

並び替えと行数の変更

絞り込み（フィルター）



右上の [フィルター] 欄にテキストを入力して絞り込み表示ができます。下図では「期限超過」を入力して締切を過ぎたタスクだけを表示しています。

フィルター（絞り込み）

絞り込み一覧画面へのアクセス



優先度や担当者のリンクをクリックすると、クリックした内容の絞り込み（フィルター）が適用された状態の記事一覧画面が表示されます。記事ボリュームを変更して一覧を見やすくしたり、まとめて印刷、エクスポートなどができます。

絞り込み済み一覧画面の例

ウィジェット設定



ウィジェットとは、記事に埋め込んで表示できる「部品」のことです。当テーブルのウィジェットを記事に埋め込むとき、または後から編集するときに、下図の画面上で、ウィジェットの動作や表示の設定ができます。



ウィジェットの設定画面

動作テストで細かなパラメーターを確認



検索ボックスに /type datatables_example を入力して Enter キーを押すと、下図の動作テスト画面が表示され、パラメーターの変更がどのように動作に反映されるのかをこの画面で確認できます。

動作テスト画面

このプラグインは、どなたでもサポートサイトからダウンロードして使用できます。

関連記事



jQuery DataTables プラグインの開発手記 ... このプラグインの開発経緯や動作原理などを解説しています。

プラグインやアプリの紹介 ... TeamPageで利用できるいろいろなプラグイン/アプリを紹介します。

セクション テーブル ... セクションとして集めた記事やタスクなどを、表（スプレッドシート）形式で表示します。その場で記事を展開して内容を確認したりコメントを付けたりできます。

顧客管理 (CRM) プラグイン ... お客様対応活動を記録・共有し、顧客満足度や営業活動の向上を図るためのアプリです。DataTables によるテーブル画面で、取引先や名刺の情報を一覧表示したり、CSV ダウンロードしたりできます。

顧客案件管理プラグイン ... 顧客情報と関連案件の管理をするためのパッケージです。DataTables によるテーブル画面で、顧客情報や案件情報を一覧表示したり CSV ダウンロードしたりできます。

備品管理プラグイン ... 社内の備品についての、交換期限、担当者、対応内容などを記録・蓄積・共有できます。過去の事例を参照することで、トラブル発生時の対応をスピードアップできます。DataTables によるテーブル画面が用意されています。

ソーシャルグラフ、インタレストグラフ、そしてワークグラフ ... 投稿内容やユーザー情報などの「仕事に必要な情報」が、どのように結びつき、活用できるのかを紹介します。

チームのコラボレーションを促進するタスクトラッキング ... 自分やチームメンバーのアクション プラン、状況、仕事量、各メンバーの進捗、チーム全体の進捗を簡単に確認することで、共通のゴールに向けた各種活動をスムーズに進められます。



Attachments:
tatatables_tasks.png
widget_options.png
widget5.png
widget6.png
widget7.png
DataTables_Example.png
関連記事
参照されている (2)
Public3172: DataTables プラグインをリリースしましたBlog1381: jQuery DataTables プラグインの開発手記
参照している (7)
Product1175: 顧客管理 (CRM) プラグインBlog1381: jQuery DataTables プラグインの開発手記Blog1304: ソーシャルグラフ、インタレストグラフ、そしてワークグラフProduct1080: セクション テーブルProduct1012: 顧客案件管理 プラグイン (顧客案件管理プラグイン)Product976: 備品管理プラグインPublic2088: チームのコラボレーションを促進するタスクトラッキング
Article: Product1158 (permalink)
Categories: :Product:plugin, :Public:product:plugin, :Public:plugin:free, :Public:plugin:community
Date: 2016年6月9日; 3時56分08秒 日本標準時

Author Name: Takashi Okutsu
Author ID: takashi