Super Tables - HTML Tables with Fixed Headers and More - Matt's 411 - Javascript, CSS, HTML and more
don’t look » columnManager
Description: A jQuery-plugin to toggle the visibility of table columns (collapsing and expanding them) and to save the state until the next visit. It’s supporting tables with colspans and rowspans, too! Demo and Example page. Files: (last update: 2008-01-17 - v 0.2.5) jquery.columnmanager.zip (uncompressed: 21kb, minified: 4.3kb, packed: 3.6kb) License: The plugin is available under both MIT an
Scrollable HTML table plugin for jQuery - webtoolkit.info
This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. All you need to do is put header rows (if you need them) in THEAD section, table body This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. All you need to do is put header rows (if you need them) in THEA
http://dev.iceburg.net/jquery/tableEditor/demo.php
REQUIREMENTS TableEditor is a jQuery plugin. It requires jQuery (1.0.3 recommended) and should be used in conjunction with Christian Bach's TableSorter plugin. Future versions will likely function independant of TableSorter. FILES tableEditor plugin by Brice Burgess Modified tablesorter plugin based off version 1.0.3 by Christian Bach README Use documentation in the works. See Example(s), Pro
ヘッダー固定のスクロール可能なテーブルを作成する。（javascript + CSS） | (株)クラブエナー 滋賀・大阪・京都のホームページ制作会社 （CMS構築など）
当社はAnother HTML-lint gateway,及びW3C Markup Validation Service にてソースのチェックを行い、最高レベルの構築を行っています。 ある案件で使えるかな、と思って探していて、実際、思う動作は実現できたのですが、結局この話は没になってしまいました。 ということで、もったいないのでメモ代わりに公開しておきます。 <やりたいこと> ・テーブルの上と左にヘッダーがある。 ・表の中身はかなり縦にも横にも長くなる可能性があり、スクロールできるようにしたい。 ・ただし、ヘッダーは常に表示させておきたい。 要はエクセルの「ウィンドウ枠の固定」のようなことです。 これをどうやって実現させようか、ということで色々探していたのですが、なかなかうまい情報に当たらず・・・。 最終的にたどり着いたのが、 http://hikazoh.tdia
暴満館 » JavaScriptメモ - 巨大なテーブルをスクロールで表示
通常webサイトを作っているならば、巨大なテーブルなぞには縁が無いはずだが、ゲーム関係ともなるとそうはいかなくなる。 特に女神転生には合体表というものがあるので、これをHTMLで表現する場合は嫌が応にもページ領域を占有してしまう。これを回避するにはフォントサイズを小さくして固定にするのがベストだが、フォントサイズ固定を避けて、敢えて可変サイズで表示できないかと考えた。 でまあ、どうせならJavaScript使って表示しちまえという結論に辿りついて出来たのがこれ。 スクロールを用いたテーブル表示 元のテーブルには一切手を加えていないので、JavaScriptがOFFなら通常通りでかい合体表が表示される。 んで、ただスクロールバーをつけるだけではなんなので、テーブル内をドラッグすることでスクロールする機能を追加した。つかむインターフェースとかいうやつ。 作ってみて気づいたが、たとえスクロールを
第24回 tableデザインをかっこよく見せる
前回，thead/tbody/tfootとthやcaptionといったtable系のタグを一通り理解したところで，実際にtableのデザインをいくつか作って眺めてみることにします。プレーンなtableをCSSでいろいろと装飾してみて，デザインを考えるという段取りにしましょう。 まずはプレーンなtableを作る 社員名簿をイメージしてプレーンなtableを作ってみました（リスト1）。データベースから読み出してPHPで生成したtableという感じで眺めてください。このプレーンなtableはborderの設定などをしていないためケイ線は一切無く，お世辞にも見やすいとは言えません（図1）。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtm
displayプロパティを初期値に戻す為のJavaScript
displayプロパティを初期値に戻す為のJavaScript table要素やtr要素などはブラウザ毎にdisplayプロパティが異なる為、何かいい方法はないかといろいろ試行錯誤していたら面白い事を発見しました。 document.getElementById(element).style.display = '' このようにdisplayプロパティに空欄を代入すると、displayプロパティが初期値に戻ります。 サンプル Firefox2とIE6で確認しました。 かなり便利そうです。 関連エントリー リンク先のはてなブックマーク数を表示するブックマークレット ie以外でもクリップボードが使えるsetClipboard.js 一番簡単な画像置換の方法-imageReplace.js- アルファ画像を扱うalphafilter.jsライブラリ javascriptで文字にドロップシャドウを
MOONGIFT: » 絶対お勧め！JavaScriptでテーブルソート「Table Sorter」:オープンソースを毎日紹介
Web開発の現場において、データの並べ替え機能の要望は良く出る話だ。開発がある程度終わった段階で言われたりするとショックを受ける事もある。検索条件をパラメータで引き継いで、ページ番号も…なんて考えただけでも嫌になるだろう。 そんな経験のある、またはこれから経験するであろう方にお勧めのソフトウェアがある。これさえ使えばソート処理は怖くない。 今回紹介するオープンソース・ソフトウェアはTable Sorter、JavaScriptのみで実現するソートライブラリだ。 この手のライブラリはこれまでいくつかあったが、iframeを使ったり、表示に特定の手法が必要だったりと、そのままでは使いづらいものが多かった。Table Sorterはそれらの完成版ともいえるかも知れない。 何せ、読み込むのはJavaScriptファイル一つだけ、さらに普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグ
Data Tables and Cascading Style Sheets Gallery
Current style: TagBox by TagBox Table design based on the fresh TagBox style.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]表データの列と行をハイライトするスクリプト -TargetTable
Loading...
jQuery plugin: Tablesorter 2.0
http://elastictable.awardspace.co.uk/
http://www.designwalker.com/2009/01/table.html
TableとCSSいろいろ - DesignWalker