タグ

2012年3月28日のブックマーク (2件)

  • フレックシグリッド (Flexigrid) によるグリッド操作 - jQuery 入門

    Flexigrid は Paulo P. Marinas 氏によって開発されているグリッドライブラリです。 MIT ライセンスで配布されています。 Flexigrid を利用するとデータのソート、フィルター、カラム・テーブルのリサイズ、ページネーションなどを簡単にできるようになります。 ここでは Flexigrid の基的な使い方と、少し発展的な利用方法について説明します。 少し発展的な話題はこちら: FlexiGrid - AJAX でデータ取得 FlexiGrid - 行のカスタマイズ 基的な使い方 Flexigrid の入手方法と設定方法 Flexigrid は Flexigrid のサイトから無償でダウンロード可能です (MIT ライセンス)。 flexigrid-<バージョン>.zip をダウンロードしてきて展開すると js と css というフォルダーがあります。 この中の

  • 簡単にテーブルをカッコよくするjQueryプラグイン「Flexigrid」を使ってみた

    こんばんは。松田です。 ほんのちょっと手を入れるだけで、ただのテーブルレイアウトがかっこよくなってしまうjQueryプラグイン「Flexigrid」を使ってみました。 「Flexigrid」を使うと、カラムの表示/非表示機能、色分け、配置換え、リサイズなどいろんな機能を自動的に付けてくれます。 まずは普通にテーブルを作ってみます。 ソース とてもシンプルでかっこわるいですね! これをFlexigridを使ってかっこよくしてみます。 やることは3つ。 ・headタグ内でスクリプトとCSSの読み込み ・テーブルにID(ここでは'flexigrid_table')を指定 ・スクリプト $('#flexigrid_table').flexigrid(); の呼び出し これだけです。 そして、Flexigrid化したテーブルが下のものになります。 ソース すごくオサレになりましたね! ※IE7ではt

    簡単にテーブルをカッコよくするjQueryプラグイン「Flexigrid」を使ってみた