GridView のヘッダ、列を固定(2011/4/30 記)

IE の互換モード(Quirks モード)でのみしか動きませんので注意してください。

table のヘッダ(tr 要素)、セル(th, td 要素)を固定する "Freezing" という名前の css に関する質問を時々見かけます。 これを GridView で、かつヘッダーを 2 行に細工した場合に適用してみました。 [PostBack]ボタンは、ポストバックで ViewState を使って再描画しても表示が崩れないことの確認用です。

table, tr, th, td 要素が自動(勝手に)生成され、それらを直接参照できない GridView に細かくスタイルを適用するのは結構面倒でした。 あまり役に立たないと思いますが、せっかく作ったので載せておきます。 詳しい解説は ブログ に書きましたのでそちらを見てください。

トップへ    目次へ


コード商品名注文詳細備考
単価数量合価
0Item 01230001123000Remarks 0
1Item 12460002492000Remarks 1
2Item 236900031107000Remarks 2
3Item 349200041968000Remarks 3
4Item 461500053075000Remarks 4
5Item 573800064428000Remarks 5
6Item 686100076027000Remarks 6
7Item 798400087872000Remarks 7
8Item 8110700099963000Remarks 8
9Item 912300001012300000Remarks 9
10Item 1013530001114883000Remarks 10
11Item 1114760001217712000Remarks 11
12Item 1215990001320787000Remarks 12
13Item 1317220001424108000Remarks 13
14Item 1418450001527675000Remarks 14
15Item 1519680001631488000Remarks 15
16Item 1620910001735547000Remarks 16
17Item 1722140001839852000Remarks 17
18Item 1823370001944403000Remarks 18
19Item 1924600002049200000Remarks 19
20Item 2025830002154243000Remarks 20
21Item 2127060002259532000Remarks 21
22Item 2228290002365067000Remarks 22
23Item 2329520002470848000Remarks 23
24Item 2430750002576875000Remarks 24
25Item 2531980002683148000Remarks 25
26Item 2633210002789667000Remarks 26
27Item 2734440002896432000Remarks 27
28Item 28356700029103443000Remarks 28
29Item 29369000030110700000Remarks 29
30Item 30381300031118203000Remarks 30
31Item 31393600032125952000Remarks 31
32Item 32405900033133947000Remarks 32
33Item 33418200034142188000Remarks 33
34Item 34430500035150675000Remarks 34
35Item 35442800036159408000Remarks 35
36Item 36455100037168387000Remarks 36
37Item 37467400038177612000Remarks 37
38Item 38479700039187083000Remarks 38
39Item 39492000040196800000Remarks 39
40Item 40504300041206763000Remarks 40
41Item 41516600042216972000Remarks 41
42Item 42528900043227427000Remarks 42
43Item 43541200044238128000Remarks 43
44Item 44553500045249075000Remarks 44
45Item 45565800046260268000Remarks 45
46Item 46578100047271707000Remarks 46
47Item 47590400048283392000Remarks 47
48Item 48602700049295323000Remarks 48
49Item 49615000050307500000Remarks 49