gridview怎么冻结列-ASP.NET教程-爱易网页

gridview怎么冻结列

日期：2014-05-18　浏览次数：20418 次

gridview如何冻结列？
我现在用GRIDVIEW显示数据时，由于列太多，导致拖到最右边时看不清数据对应的是那条记录，现在想用冻结列的方式固定前几列，在网上查了很多例子，用CSS方式控制，可都没效果，下了个YYCONTROLS设置了冻结列，也不起作用，请各位WEB专家给指点一下如何冻结列？

------解决方案--------------------
http://www.cnblogs.com/webabcd/archive/2007/01/15/620501.html
------解决方案--------------------
不知道你到底是在说什么效果？如果列多就隐藏吗，还冻结？？字体变灰就是冻结了？？？照样对多列数据的显示造成困难～～，你还是从UI设计思维上考虑吧～～
------解决方案--------------------
http://birdshome.cnblogs.com/archive/2006/05/01/ScrollTable.html
这个是效果

http://birdshome.cnblogs.com/archive/2006/05/13/ScrollTableDetails.html
这个是源～｛有些慢，但肯定能打开的｝
------解决方案--------------------
晕啊，第一次使用 asp.net就搞这么复杂的。
下面是测试的例子

HTML code

<%@ Page Language="C#"  EnableViewState="false" %>
<script runat="server">
 // 计算数据，完全可以从数据看取得
 ICollection CreateDataSourceByXianhuiMeng()
 {
  System.Data.DataTable dt = new System.Data.DataTable();
  System.Data.DataRow dr;
  dt.Columns.Add(new System.Data.DataColumn("学生班级", typeof(System.String)));
  dt.Columns.Add(new System.Data.DataColumn("学生姓名", typeof(System.String)));
  dt.Columns.Add(new System.Data.DataColumn("语文", typeof(System.Decimal)));
  dt.Columns.Add(new System.Data.DataColumn("数学", typeof(System.Decimal)));
  dt.Columns.Add(new System.Data.DataColumn("英语", typeof(System.Decimal)));
  dt.Columns.Add(new System.Data.DataColumn("计算机", typeof(System.Decimal)));

  for (int i = 0; i < 20; i++)
  {
   System.Random rd = new System.Random(Environment.TickCount * i); ;
   dr = dt.NewRow();
   dr[0] = "班级" + i.ToString();
   dr[1] = "【孟子E章】" + i.ToString();
   dr[2] = System.Math.Round(rd.NextDouble() * 100, 2);
   dr[3] = System.Math.Round(rd.NextDouble() * 100, 2);
   dr[4] = System.Math.Round(rd.NextDouble() * 100, 2);
   dr[5] = System.Math.Round(rd.NextDouble() * 100, 2);
   dt.Rows.Add(dr);
  }
  System.Data.DataView dv = new System.Data.DataView(dt);
  return dv;
 }


 protected void Page_Load(object sender, EventArgs e)
 {
  if (!Page.IsPostBack)
  {
   GridView1.DataSource = CreateDataSourceByXianhuiMeng();
   GridView1.DataBind();
  }
 }

 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
 {

 } 
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">

 <script type="text/javascript">
 var tblID = "<%=GridView1.ClientID %>";
function lockCol() {

    var table = document.getElementById(tblID);
    var cTR = table.getElementsByTagName('TR');  //collection of rows

    if (table.rows[0].cells[0].className == '') {
        for (i = 0; i < cTR.length; i++)
            {
            var tr = cTR.item(i);
            tr.cells[0].className = 'locked'
            }

        }
        else {
        for (i = 0; i < cTR.length; i++)
            {
            var tr = cTR.item(i);
            tr.cells[0].className = ''
            }

        }
}

function createHeadBody()
{
var t = document.getElementById(tblID);
var h = t.createTHead()
h.appendChild(t.tBodies[0].firstChild)
t.parentNode.id = "tbl-container";
lockCol()
}
window.onload = createHeadBody;
 </script>

 <style type="text/css">
  div#tbl-container
  {
   width: 418px;
   height: 252px;
   overflow: auto;
   scrollbar-base-color: #ffeaff;
  }
  table
  {
   table-layout: fixed;
   border-collapse: collapse;
   background-color: WhiteSmoke;
  }
  div#tbl-container table th
  {
   width: 120px;
  }
  thead th, thead th.locked
  {
   font-size: 14px;
   font-weight: bold;
   text-align: center;
   background-color: navy;
   color: white;
   border-right: 1px solid silver;
   position: relative;
   cursor: default;
  }
  thead th
  {

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

gridview怎么冻结列

相关资料更多>

推荐阅读更多>