- PR -

dataGridタイトル固定

1
投稿者投稿内容
lifd
会議室デビュー日: 2009/01/30
投稿数: 8
投稿日時: 2009-03-24 17:49
お世話になっております。
Webプロジェクトで、
Master.masterを作って、
List.aspxにMasterPageFile="~/Master.master"を指定します。
List.aspxにDataGridを使って、タイトル行を固定したいですが、
今、Master.masterに下記CSSを追加しました、
<style type="text/css">
<!--
.Freezing {
top: expression(this.offsetParent.scrollTop);
z-index: 10;
position: relative;
}
-->
</style>
List.aspxに下記のソースコードを書きました、
<div id="divListCnt" style="overflow:auto;width:100%; height:196px;">
<asp:DataGrid id="grdResultList"
runat="server"
BorderColor="#ffffff"
BorderStyle="None"
BorderWidth="1px"
BackColor="White"
CellPadding="4"
ShowHeader="true"
AutoGenerateColumns="False">
<HeaderStyle Font-Bold="True" ForeColor="Black" CssClass="Freezing" backcolor="#CECECE"></HeaderStyle>
<ItemStyle BackColor="#A4C6FF" ForeColor="Black"/>
<AlternatingItemStyle BackColor="#BBDDFF" />
<Columns>
<asp:BoundColumn DataField="No" HeaderStyle-Width="31px" HeaderStyle-Height="32px" HeaderText="No">
</asp:BoundColumn>
<asp:BoundColumn DataField="NITIJI" HeaderText="操作日時"></asp:BoundColumn>
<asp:BoundColumn DataField="USERNAME" HeaderText="ユーザ"></asp:BoundColumn>
<asp:BoundColumn DataField="SERVER" HeaderText="サーバ"></asp:BoundColumn>
<asp:BoundColumn DataField="TAISYO" HeaderText="対象"></asp:BoundColumn>
<asp:BoundColumn DataField="SOUSA" HeaderText="操作"></asp:BoundColumn>
<asp:BoundColumn DataField="IPADDRESS" HeaderText="IPアドレス"></asp:BoundColumn>
</Columns>
</asp:DataGrid>
</div>
残念ですが、dataGridのタイトルが固定されませんでした。
ご教授いただけませんか。
以上、宜しく御願い致します。
べる
ぬし
会議室デビュー日: 2003/09/20
投稿数: 1093
投稿日時: 2009-03-24 22:48
あら、当方(IE7)では固定されました。というか
top: expression(this.offsetParent.scrollTop);
は不要でした。

とりあえず
<HeaderStyle CssClass="Freezing"></HeaderStyle>
だけにして

.Freezing {
に
background-color:Red;
とかを追加して、Freezing自体が適用されているか確認してみたらどうでしょうか。
ヘッダが真っ赤になるはずです。
1

スキルアップ／キャリアアップ（JOB@IT）