Gridview实现冻结列

Gridview实现冻结列:数据的列比较多,想把首列固定下来,让其它的列可以实现左右滚动
实现:在gridview外面套一个带有滚动条的div
页面上定义css样式:
.freeze
    { z-index:120; left:expression(this.offsetParent.scrollLeft); position:relative;border:1px solid;border-bottom:0;border-right:0}   
    .freezeHeader_bg{background:#859FD4}
.freezeItem_bg{background:#fff}

后台代码里:
/// <summary>
        /// gridview数据绑定
        /// </summary>
        private void StoreListBind(string strCondition)
        {
            SqlDataReader drStorage = back.getStoreList(Pager.PageSize, Pager.CurrentPageIndex, false, strCondition);
            if (drStorage != null)
            {
                DataTable dtStorage = tools.ConvertDataReaderToDataTable(drStorage);
                dtStorage.TableName = "EC_Web_StoreInfo";

                //冻结列加载样式
                this.gdvStore.Columns[0].HeaderStyle.CssClass = "freeze freezeHeader_bg";
                this.gdvStore.Columns[0].ItemStyle.CssClass = "freeze freezeItem_bg";

                this.gdvStore.DataSource = dtStorage.DefaultView;
                gdvStore.DataBind();
            }
        }

运行效果:这是滚动前,注意比较第一列和后面的列

 

滚动条滚动:对了,我的gridview是放在一个有滚动条的div里面

评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值