flexigrid.info 2024 著作権. 不許複製 プライバシーポリシー
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
こんばんは。松田です。 ほんのちょっと手を入れるだけで、ただのテーブルレイアウトがかっこよくなってしまうjQueryプラグイン「Flexigrid」を使ってみました。 「Flexigrid」を使うと、カラムの表示/非表示機能、色分け、配置換え、リサイズなどいろんな機能を自動的に付けてくれます。 まずは普通にテーブルを作ってみます。 ソース とてもシンプルでかっこわるいですね！ これをFlexigridを使ってかっこよくしてみます。 やることは３つ。 ・headタグ内でスクリプトとCSSの読み込み ・テーブルにID（ここでは'flexigrid_table'）を指定 ・スクリプト $('#flexigrid_table').flexigrid(); の呼び出し これだけです。 そして、Flexigrid化したテーブルが下のものになります。 ソース すごくオサレになりましたね！ ※IE7ではt
jQueryﾌﾟﾗｸﾞｲﾝのFlexigridを使ってみた。 テーブルがｶｯｺｲｸなった(ΦωΦ) 配布サイトの内容を要約すると。 ただただ格好良くしたいだけの場合 $("table").flexigrid() 引数付きで格好良くしたい場合 $("table").flexigrid({ height : 'auto', striped : false }); Ajaxでデータを取ってきて格好良くしたい場合 $("#flex1").flexigrid({ url: 'post2.php', dataType: 'json', colModel : [ {display: 'ISO', name : 'iso', width : 40, sortable : true, align: 'center'}, {display: 'Name', name : 'name', width : 180
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
