WebSurfer's Page - 実験室

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

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

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

コード	商品名	注文詳細			備考
コード	商品名	単価	数量	合価	備考
0	Item 0	123000	1	123000	Remarks 0
1	Item 1	246000	2	492000	Remarks 1
2	Item 2	369000	3	1107000	Remarks 2
3	Item 3	492000	4	1968000	Remarks 3
4	Item 4	615000	5	3075000	Remarks 4
5	Item 5	738000	6	4428000	Remarks 5
6	Item 6	861000	7	6027000	Remarks 6
7	Item 7	984000	8	7872000	Remarks 7
8	Item 8	1107000	9	9963000	Remarks 8
9	Item 9	1230000	10	12300000	Remarks 9
10	Item 10	1353000	11	14883000	Remarks 10
11	Item 11	1476000	12	17712000	Remarks 11
12	Item 12	1599000	13	20787000	Remarks 12
13	Item 13	1722000	14	24108000	Remarks 13
14	Item 14	1845000	15	27675000	Remarks 14
15	Item 15	1968000	16	31488000	Remarks 15
16	Item 16	2091000	17	35547000	Remarks 16
17	Item 17	2214000	18	39852000	Remarks 17
18	Item 18	2337000	19	44403000	Remarks 18
19	Item 19	2460000	20	49200000	Remarks 19
20	Item 20	2583000	21	54243000	Remarks 20
21	Item 21	2706000	22	59532000	Remarks 21
22	Item 22	2829000	23	65067000	Remarks 22
23	Item 23	2952000	24	70848000	Remarks 23
24	Item 24	3075000	25	76875000	Remarks 24
25	Item 25	3198000	26	83148000	Remarks 25
26	Item 26	3321000	27	89667000	Remarks 26
27	Item 27	3444000	28	96432000	Remarks 27
28	Item 28	3567000	29	103443000	Remarks 28
29	Item 29	3690000	30	110700000	Remarks 29
30	Item 30	3813000	31	118203000	Remarks 30
31	Item 31	3936000	32	125952000	Remarks 31
32	Item 32	4059000	33	133947000	Remarks 32
33	Item 33	4182000	34	142188000	Remarks 33
34	Item 34	4305000	35	150675000	Remarks 34
35	Item 35	4428000	36	159408000	Remarks 35
36	Item 36	4551000	37	168387000	Remarks 36
37	Item 37	4674000	38	177612000	Remarks 37
38	Item 38	4797000	39	187083000	Remarks 38
39	Item 39	4920000	40	196800000	Remarks 39
40	Item 40	5043000	41	206763000	Remarks 40
41	Item 41	5166000	42	216972000	Remarks 41
42	Item 42	5289000	43	227427000	Remarks 42
43	Item 43	5412000	44	238128000	Remarks 43
44	Item 44	5535000	45	249075000	Remarks 44
45	Item 45	5658000	46	260268000	Remarks 45
46	Item 46	5781000	47	271707000	Remarks 46
47	Item 47	5904000	48	283392000	Remarks 47
48	Item 48	6027000	49	295323000	Remarks 48
49	Item 49	6150000	50	307500000	Remarks 49

GridView のヘッダ、列を固定（2011/4/30 記）