「Yahoo! UI Library:DataTable」をつかってみる
「Yahoo! UI Libraty」には、「Calendar」のほかにも面白いものがたくさんあります。
今日は、「DataTable」を使ってみました。
「DataTable」を使うと、テーブルの列データでソートしたり、行の幅を調整したりできるテーブルを作ることができるみたいです。
そんな、「DataTable」のベーシックな使い方を紹介したいと思います。
○「datatable.html」
実行すると、こんなテーブルができます。
実は、なかなかテーブルがうまく作れませんでした。
まず、どのライブラリが必要最小限なのかわかりませんでした。
いろいろ探って、たぶん紹介した構成が正解?かなと思っています。
次に、スクリプトを書く順番ではまりました。
「DataTable」では、テーブルを作る位置をdivタグで指定した後に、テーブルを生成するスクリプトを書く必要があります。
この点には、ぜひご注意ください。
p.s.
「DataTable」はBETA版なのですが、ドキュメントが「Calendar」のドキュメントに比べまだまだ充実していない感じでした(^^;