ソートが可能なテーブル実装ライブラリ色々:phpspot開発日誌
CSS Juice 16 Sortable Table Techniques Tabular data in table form is a regular technique on web sites and web applications for represent data and information. ソートが可能なテーブル実装ライブラリ色々。 JavaScriptとCSSを活用し、データのソートが可能な便利なウィジェットを実装できるライブラリが多数紹介されています。 Nofunc Table Organize TableKit Brixontech Table Sort Sortable Selectable Zebra Table Kryogenix Sortable Sorting HTML Tables with Javascript SortedTable by M
IE の getAttribute / setAttribute: Days on the Moon
DOM の getAttribute / setAttribute メソッドは DOM Level 1 から定義されているメソッドで、MSDN Library によれば IE はバージョン 4 からサポートしています。しかし、IE での element.getAttribute(name) / element.setAttribute(name, value) というのは、基本的には JavaScript における element[name] / element[name] = value のシンタックスシュガーでしかありません。ですから、element.setAttribute("innerHTML", "foo") とすると、element の属性には何の変化もないが element の内容が書き換えられるという事態になります。 この (手抜き) 実装が原因で、getAttribute
セルの大きさを調べるには (JavaScript/DHTMLなんでも質問箱)
[リストへもどる] 一括表示 セルの大きさを調べるには - Mars 01/15-17:13 No.1382 Re: セルの大きさを調べるには - Pid 01/16-02:24 No.1383 Re^2: セルの大きさを調べるには - Mars 01/16-12:13 No.1384 Re^3: セルの大きさを調べるには - Pid 01/17-01:06 No.1385 投稿時間：2005/01/15(Sat) 17:13 投稿者名：Mars Ｅメール： ＵＲＬ ：http://d.hatena.ne.jp/Mars/ タイトル：セルの大きさを調べるには 現在、テーブルを操作するjavascriptを組んでいます。 一つの table を thead部分と tbody部分に分離し、 指定された高さに収まるように tbody部分を overflow:auto のdivブロッ
カーソル位置のセルの上端と横端をハイライトする JavaScript
■ カーソル位置のセルの上端と横端をハイライトする JavaScript 好評の、読み込ませるだけで動く JavaScript シリーズの5段目くらいです。このシリーズもたまってきたので、そのうちまとめます。 Excel とかの表計算ソフトって選択しているセルの列番号や行番号がハイライトされたりしてますよね？table タグ上であれと同じものを実現する JavaScript を書いてみました。 こんなようなテーブルを作らなくちゃいけない事になりそうなんだけど…。 実際には15×20くらいはあるので、チェックを入れる時にすごく使い辛そうですよね。なので、カーソルの位置がわかりやすくなるようにハイライト出来たら便利だろうと思ったんです。 実際の動作サンプル rowspan とか colspan を使って複雑にしていると、上端とか横端の位置を取得するのがやたらと面倒になってくるので、画面上のセル
Tableタグで、一覧部分を縦横スクロールでヘッダー部分を固定で表示できますか？
ソースを修正してみました。 変更点ですが、 １．セルが勝手に縮まらないようにヘッダーのテーブルサイズを固定しました。 ２．ヘッダーのスクロール方法を変更しました。 scrollTopで移動できるのは、overflow:scroll;の記述がある場合のみです。 overflow:scroll;をつけるのは製作の意図と違うと勝手に解釈して、ヘッダーブロックの表示位置をlayerからの相対位置でずらす方法に変更しました。 その方法ですが、layerにもうひとつDIVをはさみ、DIVの相対位置をずらすことで、スクロールについていくようにしました。 以下ソースです <html> <head> <script language="JavaScript"> function initialize(){ var data = document.getElementById("data"); var hea
テーブルにExcelのようなスクロール機構を付加する(その３) - Mars Diary
普通に書いたテーブルに対して、Excelのようにヘッダ部以外をスクロール可能に変更するJavascript。 →その１ →その２ → サンプル うまくいかないのでとりあえずちょっとシンプルな方向に振ってみる。 幅の指定をなくし、元のテーブルと同じになるようにしてみた。 cellpaddingにも対応させ、ある程度実用性が出てきたと思う。 が、あいかわらずスタイルシートでセルのpaddingが設定されていると元のtableと同じにならない。 あと、Operaではなぜかヘッダ部が消えてしまう。なのでOperaでは動作しないようにしてある。 しかし・・・考えてみるとスクロールさせたくなるほど大きな表だと印刷される事も考えなくちゃいけないよな。 スタイルシートのようにmediaタイプを判定できるのだろうか？？
Yahoo! UI Library: DataTable
The DataTable control provides a simple yet powerful API to display screen-reader accessible tabular data on a web page. Notable features include sortable columns, pagination, scrolling, row selection, resizeable columns, and inline editing. Note: The DataTable control is being released as a beta component. Please refer to the FAQ for what we mean by this designation. We look forward to your feedb
CSS-Based Tables: Modern Solutions | Smashing Magazine
Tables have got to be one of the most difficult objects to style in the Web, thanks to the cryptic markup, the amount of detail we have to take care of, and lack of browser compatibility. A lot of time could be wasted on a single table although it’s just a simple one. This article was written back in 2008 when the concept of responsive web design hasn’t been created just yet. You may want to check
SortedTable example
Common public calls: move specific row up move selected row(s) up move specific row down move selected row(s) down clean sort clean selection Table automatically sorted Includes examples of sorting numbers, sensitive strings, dates, floats, currencies. Disallows selects by clicking the selected row. ID Name Birth Ratio Earnings
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「オレがルールだ！」：HTML TABLEタグでヘッダを固定にしてデータ部だけスクロール その２
This Document has Moved
要チェック！並び替えAjax - Sortable Tables from Scratch with MochiKit
scbr.com