[B! scroll][table] meisui8のブックマーク

meisui8 id:meisui8

scrollとtableに関するmeisui8のブックマーク (5)

Stu Nicholls | CSS PLAY | CSS scrolling tables
Information If you have a lot of table data but not much room to display it, then this might be the answer. A css only styled table with fixed column headings and footer and scrolling content. Method #1 This uses two outer containing divs and a single table. Internet Explorer has a scrolling 'caption' whereas Firefox has this fixed along with the column headings. Opera fails at the moment but I am
meisui8 2007/09/20
table

scroll
リンク
テーブルにExcelのようなスクロール機能を付加するその1
その１はこちら前回はCSSのみを使ってテーブルのヘッダを固定し、明細行のみをスクロールさせる方法を紹介しましたが、今回はそれの応用編です。今回のは、ヘッダを固定して明細行だけをスクロールさせるのは同じなのですが、横スクロール機能がついています。しかも任意の列だけは固定でスクロールしません。Excelでもウィンドウの固定等でできますね。なにはともあれサンプルをご覧ください。 http://hoso.homelinux.net/scroll2.html 原理としてはdivタグのスタイルにoverflowを指定してスクロールバーを出現させた後、onscrollイベントで他のdivタグをスクロールさせている(同期を取っている)という事です。このサンプルではonscrollとdivタグに書いていますが、onscrollプロパティに関数をバインドしてもスクロールと同時に指定した関数が呼び出されます。
meisui8 2007/09/20
テーブルにExcelのようなスクロール機能を付加するその２

table

scroll
リンク
HTML の table で，ヘッダを固定にしてデータ部だけスクロール - swk's log
* HTML の table で，ヘッダを固定にしてデータ部だけスクロール [tech][firefox] 6 users ソート [2006-07-05-2] に引続き，行数の多い表の場合，ヘッダ部がスクロールアウトしてしまわないように固定したくなる．というようなニーズもやっぱり結構あって，実際いろんなところでそういう機能を実現する JavaScript のコードが公開されている．いくつか当たってみた中で，一番気に入ったのはこれ: http://d.hatena.ne.jp/Mars/20050115#p1 気に入った理由は，比較的レイアウトが崩れないブラウザ依存が少ないっぽい (といっても IE と Firefox しか試してないけど) 日本語が入ってても崩れないって要するに崩れないことが重要．他の方の実装も含めて，要するにヘッダ部と本体とを分離して別の table 要素にし
meisui8 2007/09/20
table

scroll
リンク
暴満館 » JavaScriptメモ - 巨大なテーブルをスクロールで表示
通常webサイトを作っているならば、巨大なテーブルなぞには縁が無いはずだが、ゲーム関係ともなるとそうはいかなくなる。特に女神転生には合体表というものがあるので、これをHTMLで表現する場合は嫌が応にもページ領域を占有してしまう。これを回避するにはフォントサイズを小さくして固定にするのがベストだが、フォントサイズ固定を避けて、敢えて可変サイズで表示できないかと考えた。でまあ、どうせならJavaScript使って表示しちまえという結論に辿りついて出来たのがこれ。スクロールを用いたテーブル表示元のテーブルには一切手を加えていないので、JavaScriptがOFFなら通常通りでかい合体表が表示される。んで、ただスクロールバーをつけるだけではなんなので、テーブル内をドラッグすることでスクロールする機能を追加した。つかむインターフェースとかいうやつ。作ってみて気づいたが、たとえスクロールを
meisui8 2007/09/20
table

scroll
リンク
スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」:phpspot開発日誌
スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」 2007年03月16日- Scrollable HTML table This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」。次のようなスクロールしてもカラム名が消えず、小さいスペースで配置できるテーブルを作成できます。（※↓は画像です）知っておくと、レイアウトを崩さないでテーブルのようなＵＩが必要な部分で使えそうですね。設置方法は次の様に簡単１．ライブラリを読み込み <script type="text/javascript" src="webtoolkit
meisui8 2007/09/20
table

scroll
リンク
1