用户名: 密码: 验证码:           网站地图  高级搜索  RSS订阅  收藏本站
您的位置:主页 > 网页制作 > DIV+CSS >

用CSS实现冻结DataGrid的特定列

[ 来源:中国设计秀 | 作者: | 更新日期:2008-3-1 13:14:40 | 人气: | 评论 0 条 ]

今天上网找了好久,用了个笨方法,css来实现,据说VS 2005 dataview就可以,可惜小弟还苦苦使用vs 2003
现在把我的方法分享下
第一步:添加datagrid的itembound事件
选择需要冻结列的css样式

//冻结前7列
e.Item.Cells[0].CssClass = "locked";
e.Item.Cells[1].CssClass = "locked";
e.Item.Cells[2].CssClass = "locked";
e.Item.Cells[3].CssClass = "locked";
e.Item.Cells[4].CssClass = "locked";
e.Item.Cells[5].CssClass = "locked";
e.Item.Cells[6].CssClass = "locked";
第二步 :将datagrid放在一个固定列宽的Div中

<DIV id="div-datagrid">
<asp:datagrid id="myDataGrid" runat="server" AutoGenerateColumns="False" UseAccessibleHeader="True">
<AlternatingItemStyle CssClass="GridItem"></AlternatingItemStyle>
<ItemStyle CssClass="GridItem"></ItemStyle>
<HeaderStyle CssClass="GridHeader"></HeaderStyle>

文章来源于www.jc567.cn


<Columns>
<asp:TemplateColumn HeaderText="客户名称">
<HeaderStyle ForeColor="Black"></HeaderStyle>
<ItemTemplate>
<asp:Label id="labCustName" runat="server" Width="128px">Label</asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="寸别">
<HeaderStyle ForeColor="Black"></HeaderStyle>
<ItemTemplate>
<asp:Label id="labMeasName" runat="server" Width="61px">Label</asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="客户厂别">
<HeaderStyle ForeColor="Black"></HeaderStyle>
<ItemTemplate>
<FONT face="宋体">
<asp:DropDownList id="dropCustFactory" runat="server" AutoPostBack="True" OnSelectedIndexChanged="dropCustFactory_SelectedIndexChanged"></asp:DropDownList></FONT> hot007.com
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="客户Model Name">
<HeaderStyle ForeColor="Black"></HeaderStyle>
<ItemTemplate>
<asp:Label id="labCustmdName" runat="server">Label</asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="客户料号">
<HeaderStyle ForeColor="Black"></HeaderStyle>
<ItemTemplate>
<asp:Label id="labCustPN1" runat="server">Label</asp:Label>
<HR>
<asp:Label id="labCustPN2" runat="server">Label</asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="达信料号">
<HeaderStyle ForeColor="Black"></HeaderStyle>
<ItemTemplate>
<asp:DropDownList id="dropPartNo1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="dropPartNo1_SelectedIndexChanged"></asp:DropDownList>

hot007.com


<HR>
<asp:Label id="labPartNo2" runat="server"></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
共2页: 上一页 1 [2] 下一页
Tags:用CSS实现冻结DataGrid的特定列
您的评论
用户名: 新注册) 密码: 匿名评论 [所有评论]

·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为