ITブログ時々なんでもブログITブログ時々なんでもブログ主にプログラムやネットワーク・サーバー等のIT関連のブログを投稿します。asp.net2017/04/0222:55今回はasp.netのListViewで行と列のヘッダーを固定する方法をご紹介いたします。ヘッダーとデータ部分にそれぞれDivを設置してそれぞれにoverflowを設定しても列幅の同期がとれずに、構築することが困難です。そこでヘッダー固定に有名なFixedMidashi.jsを使用します。数行のソースで設定が簡単なところと、最適化される前のjsが含まれていますので、何か不具合があっても対応が可能なところが良いですね。FixedMidashiをHtmlに適用する基本的な方法はVectorの公式ページに紹介されていますので、ご確認ください。ItemPlaceholderID="itemPlaceHolder1">※注意点として、ListView内には不要なDivを設定しないことが重要です。5.CSSを設定するListViewを囲んでいるDivのセレクタにoverflow:autoを設定することと、各列の幅を設定することがポイントです。データが存在しません。</script></form></body></html>※入力項目がある場合、FixedMidashi.syncValueで値を同期しないとスクロールした際に元に戻ってしまいます。※2019/09/13修正JSが正しく動作していない様でしたので、jQueryでのスクリプトに変更しています。200px;}最後までお読みいただきありがとうございます。いかがでしたでしょうか。関連する記事を投稿しておりますのでよろしければご参考くださいませ。※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。入力されていないコメントには返信しませんのであらかじめご了承くださいませ。※ニックネームでも良いので必ずご入力ください。タイトル※必ずご入力ください。※必ずご入力ください。※技術的な質問には環境やエラーについて正確かつ詳細にお教えください。含まれているため、コントロールのコレクションを変更できません。自己紹介:素人上がりのIT技術者。趣味は卓球・車・ボウリングIT関連の知識はざっくりとこんな感じです。ショップは休業中です。