ASP.NET GridViewのヘッダ固定スクロール IE8以降

スタイルシートの用意。scroll1クラスをtableに指定します。 *1

.scroll1 thead, .scroll1 tbody
{
    float: left;
}
.scroll1 tbody
{
    height: 100px;
    overflow-y: scroll;
}

GridViewはデフォルトではtheadを生成しないので、次のおまじない*2 *3。

GridView1.DataSource = HogeList;
GridView1.DataBind();
if (GridView1.Rows.Count > 0))
{
    GridView1.HeaderRow.TableSection = TableRowSection.TableHeader;
}

でも、ASP.NET4以降ならGirdViewは使わないでListViewを使いましょう。

*1:theadとtbodyにfloat: leftを指定するとthとtdの幅が別々に計算されます。カラムごとに幅を指定する場合はthとtdの両方に指定します。

*2:TableSectionの値はDataBindするたびに初期値に戻ります。

*3:0件の時にGridView1.HeaderRow.TableSection = TableRowSection.TableHeaderを指定すると例外が発生することがあります。