tablecloth.jsは、Tableで作った表をお洒落に演出するjQueryプラグインです。

表はテーブルを使用して作成されることが多いと思いますが、そのままだと少し寂しい感じがします。そういう時に利用したいのが、この「tablecloth.js」です。テーブルで作った表をお洒落にしてくれるだけでなく、ソート機能も付けることができます。

サンプルを作ってみました。

→ Table(表)をお洒落にするjQueryプラグイン「tablecloth.js」サンプル


設置方法も簡単です。




【設置方法】

まず、tablecloth.jsからファイル一式をダウンロードしてきます。
次にtableタグを使用して、表を組みます。



最後にJavaScriptを設置します。



tablecloth.jsプラグインに次のようなはオプションが付いています。

■theme ・・・ ‘default’, ‘none’, ‘stats’, ‘paper’の中から選びます。
■bordered ・・・ ボーダの有無。 true or false
■striped ・・・ テーブルの各行の背景色を交互に追加します。色は設定したテーマに依存しています。 true or false
■sortable ・・・ ソートさせるかどうか。jquery.tablesorter.jsとjquery.metadata.jsをロードした場合のみ、この機能は動作します。 true or false

最後にサンプルのソースを書いておきます。どうぞご参考まで。

この記事と関連してると思われる記事: