gridview表头固定(经验篇)

本文主要介绍了在Web前端开发中,解决GridView表头固定的问题。当表格内容滚动时,保持表头可见,避免反复对比表头和内容。文章详细阐述了实现步骤,包括后端添加特定样式、前后端分离思想、以及CSS调整。通过调整GridView的table-layout属性,创建独立的div分别存放表头和内容,并结合JavaScript和CSS解决宽高匹配和错位问题。
摘要由CSDN通过智能技术生成

这里先介绍一下我的项目中遇到的一个问题,这个问题各种项目中也是用的最多的一个,那就是gridview的表头固定。就是我们往下拉内容的时候,我们还想同时看到表头对应的标题,不想反复上拉下拉去比对表格的表头和内容。同时网上在其他的地方也在不断的搜索这个知识。觉得有必要用一个经验篇章来记录一下,以免以后需要用到,同时,也想为大家解决一些东西。这其中肯定有雷同,有所雷同的地方,请大家不要喷我,也是学习总结的一种方式而已。

我就只讲述一下步骤吧:

1、首先在后端需要加上这样一句话:

  if (!IsPostBack)
        {
            GridView1.Attributes.Add("style", "table-layout:fixed");

}

这句话是给id为GridView1的控件添加一个table-layout属性,设置该属性为“固定属性”。

2、整个过程采用gridview表头和表格内容分离的思想,下面假设有两个div,一个叫divTitle,一个叫divBody;Title我们用来存放gridview的表头,即HeaderText内容在这里显示,而divBody,就用来显示gridview的内容。那么具体,如何将表头和内容分离?下面用代码叙述。首先我先介绍一下网上大家能找到的方法:

(a)网上的脚本如下:

<script type="text/javascript">
 function init()
{
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值