category
サイト構築 -JavaScript

[JS]既存のテーブルにソート、ハイライト、分割機能などを追加できるスクリプト

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

既存のテーブルにソート、ハイライト表示、データ分割、ページネーション機能を追加できる、高性能な超軽量(2.5KB)スクリプトをLeigeberから紹介します。

デモのキャプチャ

TinyTable JavaScript Table Sorter
demo

このスクリプトは、以前紹介した「設置も簡単なテーブルのデータをソートする超軽量のスクリプト」のバージョンアップ版で、主な機能は下記の通りです。

  • 既存のテーブルに簡単に設置が可能。
  • 2.5KBの超軽量スクリプト(他のスクリプトへの依存無し)。
  • 列を交互に自動ハイライト。
  • 選択した行のハイライト。
  • データの表示件数をコントロール。
  • 分割したデータのページネーションを設置。
デモのキャプチャ

demoのキャプチャ(クリックで拡大)

動作確認ブラウザは、IE 6/7/8, Fx2/3, Op, Safari, Chromeとのことです。

Post on:2009年3月9日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

ページの先頭へ




© coliss

RSS