Blog

tableをExcelみたいにかっこ良くしてくれる jQueryプラグイン

HTMLのTableをExcelみたいにかっこ良く、また使いやすくしてくれるプラグイン「ParamQuery jQuery Grid Plugin」

デモ

 

js

まずコンストラクタを用意する。(ここではvar obj)

ここでwidth、height、titleなどを連想配列で設定する。

次にobjのcolModelにtitle、width、dataTypeを1グループとしてカラムの数だけ定義する。

(ここではRank、Company、Revenues、Profits)

 

そして次にobjのdataModelにレコードごとのデータをこれまた連想配列で代入。

最後に$(ターゲット).pqGrid(obj);

として完了。

 

HTML

 

データも編集できるし、見た目もわかりやすいので

統計データなどが軸のサイトにはとても良さそう。

Author Profile

hoshino
hoshino
ECのことを中心に書きたいと思います。 ネタが無いときはプログラムやデザインのことも書きます。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ