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を活用し、データのソート... 続きを読む
DOM の getAttribute / setAttribute メソッドは DOM Level 1 から定義されているメソッドで、MSDN Library によれば IE はバージョン 4 からサポートしています。しかし、IE での element.getAttribute(name) / element.setAttribute(name, value) というのは... 続きを読む
[リストへもどる] 一括表示 セルの大きさを調べるには - 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... 続きを読む
■ カーソル位置のセルの上端と横端をハイライトする JavaScript 好評の、読み込ませるだけで動く JavaScript シリーズの5段目くらいです。このシリーズもたまってきたので、そのうちまとめます。 Excel とかの表計算ソフトって選択しているセルの列番号や行番... 続きを読む
ソースを修正してみました。 変更点ですが、 1.セルが勝手に縮まらないようにヘッダーのテーブルサイズを固定しました。 2.ヘッダーのスクロール方法を変更しました。 scrollTopで移動できるのは、overflow:scroll;の記述がある場合のみです。 overflow:scr... 続きを読む
普通に書いたテーブルに対して、Excelのようにヘッダ部以外をスクロール可能に変更するJavascript。→その1→その2→ サンプル うまくいかないのでとりあえずちょっとシンプルな方向に振ってみる。幅の指定をなくし、元のテーブルと同じになるようにしてみた... 続きを読む
2006/04/25 前のエントリー | 次のエントリー HTML TABLEタグでヘッダを固定にしてデータ部だけスクロール その2 [開発] 旧エントリ「HTML TABLEタグでヘッダを固定にしてデータ部だけスクロール」上手くいかないみたいなことを書いてましたが、上手くいく方... 続きを読む
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. ... 続きを読む
HTML の table の行を、列の内容でソートする関数を作ろう。 試作1 最初に作ったのは、こんな関数だった。原理的には、 HTMLCollection に直接 sort 関数をあてることができないので、各行 (tr 要素) を配列 x に格納して x をソートし、それを順に戻すと言う... 続きを読む
We coninue to present some of the best CSS-techniques which web-developers can always use working on their current web-project. Recently we’ve taken a look at the best css-based forms, today we present some useful techniques for displaying i... 続きを読む
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, c... 続きを読む
This is an example of how one might use MochiKit to do sortable tables from data given by the server in either JSON or XML format. It uses MochiKit.Async to fetch the data, and MochiKit.DOM to display it. Includes a micro implementation of so... 続きを読む
DHTML eXtensions - professional AJAX components for advanced Web UI. dhtmlxGrid is an Ajax-enabled JavaScript grid control with cutting-edge functionality, powerful databinding and excellent performance with large datasets. The component is e... 続きを読む