GridViewのヘッダを修正するには

Question

divのヘッダputtedグリッドビューに加えて1000+レコードのASP.NETページにGridViewがあります。私がスクロールしているとき、ヘッダー情報を見ることができないため、GridViewヘッダーも上に移動します。ヘッダーを修正するための解決策をお知らせください。

Answer 1

これを達成するためにサードパーティのコントロールを使用する必要はないと思いますが、CSSでそれを行うことができます。

asp.netによって生成されたHTMLは完全に標準ではありません。まず、<thead>を生成するためにテーブルをレンダリングする方法を少し変更する必要があります。データバインディングの後にこれらの行を追加します。

MyGridView.UseAccessibleHeader = true; 
MyGridView.HeaderRow.TableSection = TableRowSection.TableHeader; 

固定コンテンツを使用して、テーブルの内容をスクロール可能にする方法を説明するチュートリアルのトンがあります。見つけてすぐにこれをテストしました：How to add a fixed table header with a vertical scrollbar in content。

私も一つのことを変更します

div.tableContainer { 
    ... 
    // instead of overflow: auto 
    // even though it is a CSS3 property, it has been widely supported for a long time (IE5+, FF1.5+, O9.5+, Safari3+, Chrome2+) 
    overflow-x: hidden; 
    overflow-y: auto; 
    ... 
}