C# と VB.NET の質問掲示板

ASP.NET、C++/CLI、Java 何でもどうぞ

C# と VB.NET の入門サイト

Re[3]: GridViewのヘッダ・指定列の固定について

分類:[ASP.NET (VB)]　

お世話になっております。LOCと申します。

VS2010でASP.NET（VB)で開発を行いたいと考えております。

ユーザの要望を実現するために
GridViewのヘッダ・指定列を固定し、スクロールさせたいと考えております。

CSSを利用した下記サイトを参考に設定してみたのですが、ヘッダごとスクロールされてしまいます。
http://javasystem.blog4.fc2.com/blog-entry-427.html

GridViewのヘッダ・指定列を固定する方法はほかにあるのでしょうか。

ご教授お願い致します。

そうですね。
cssのFreezingは過去の遺物でしょう。

時代はJQueryです。
http://www.otchy.net/javascript/tablefix/
これでできます。

書いてある通り、tablefix.jsを参照して、使用例の通りにjavascriptを記述してください。

ヘッダクリックでソートしたい、と要望が出てたら、プラグインの修正が必要ですが。。。

■No65208 (LOC さん) に返信
> お世話になっております。LOCと申します。
>
> VS2010でASP.NET（VB)で開発を行いたいと考えております。
>
> ユーザの要望を実現するために
> GridViewのヘッダ・指定列を固定し、スクロールさせたいと考えております。
>
> CSSを利用した下記サイトを参考に設定してみたのですが、ヘッダごとスクロールされてしまいます。
> http://javasystem.blog4.fc2.com/blog-entry-427.html
>
>
> GridViewのヘッダ・指定列を固定する方法はほかにあるのでしょうか。
>
>
> ご教授お願い致します。

以下のサンプルはいかがですか？

GridView のヘッダ、列を固定
http://surferonwww.info/BlogEngine/post/2011/04/30/Freezing-GridView-header-and-column.aspx

GridView のヘッダ、列を固定（その 2）
http://surferonwww.info/BlogEngine/post/2013/02/04/freezing-header-and-column-of-gridview-by-using-javascript-gridjs.aspx

前者が CSS の Internet Explorer (IE) 独自実装である expression 関数を使ってテーブルのヘッダと列を固定する例です。後者は、JavaScript と css を使って GridView からレンダリングされる table の DOM をスクロール可能な表に置き換えるものです。

返信遅くなり申し訳ありません。

まずはマサヤさん、WebSurfer さん、返信ありがとうございます。

>時代はJQueryです。
>http://www.otchy.net/javascript/tablefix/

やはりCSSのFreezingは古い考えなのでしょうか？

> GridView のヘッダ、列を固定（その 2）
> http://surferonwww.info/BlogEngine/post/2013/02/04/freezing-header-and-column-of-gridview-by-using-javascript-gridjs.aspx

お二人から教えていただいたサイトを参考に実装し、
jQueryかJavaScript＋Cssか判断したいと思います。

本当にありがとうございました。

C# と VB.NET の質問掲示板

ASP.NET、C++/CLI、Java 何でもどうぞ

C# と VB.NET の入門サイト

Re[3]: GridViewのヘッダ・指定列の固定について

過去ログには書き込み不可