WebGrid固定列(Fixed-Coloum)的设定

转载 2007年09月28日 10:03:00
  有时候WebGrid表格中列的数目比较多 ,若表格的宽度不足以显示所有列,当我们拉动左右滚动条就有可能看不见关键列。我们希望关键列不随着滚动条的移动而移动。

    比如我们创建如下Table用来描述每个学生各个科目的成绩:

        DataTable dt = new DataTable();
        dt.Columns.Add(
"姓名"typeof(string));
        dt.Columns.Add(
"科目1"typeof(double));
        dt.Columns.Add(
"科目2"typeof(double));
        dt.Columns.Add(
"科目3"typeof(double));
        dt.Columns.Add(
"科目4"typeof(double));
        dt.Columns.Add(
"科目5"typeof(double));
        dt.Columns.Add(
"科目6"typeof(double));
        dt.Columns.Add(
"科目7"typeof(double));

绑定WebGrid并设定宽度:

         //绑定表格
        this.UltraWebGrid1.DataSource = dt;
        
this.UltraWebGrid1.DataBind();
        
         
//设置表格宽度,明显小于各个列的总和
        this.UltraWebGrid1.Width = new Unit("300px");
        
this.UltraWebGrid1.Height = new Unit("300px");
        
        
//“姓名”列应当为我们的关键列,我们希望始终看见它
        this.UltraWebGrid1.Columns.FromKey("姓名").Width = new Unit("100px");

        
this.UltraWebGrid1.Columns.FromKey("科目1").Width = new Unit("50px");
        
this.UltraWebGrid1.Columns.FromKey("科目2").Width = new Unit("50px");
        
this.UltraWebGrid1.Columns.FromKey("科目3").Width = new Unit("50px");
        
this.UltraWebGrid1.Columns.FromKey("科目4").Width = new Unit("50px");
        
this.UltraWebGrid1.Columns.FromKey("科目5").Width = new Unit("50px");
        
this.UltraWebGrid1.Columns.FromKey("科目6").Width = new Unit("50px");
        
this.UltraWebGrid1.Columns.FromKey("科目7").Width = new Unit("50px");

这时我们运行程序,会看到它长的是这样的(老道我选择了一个样式,现在没有添加数据)

 

若想看到后面科目4~科目7就必须拉动滚动条,可这样我们就看不见姓名列,“这个得了100分的强人是谁啊?”,得,滚动条向左拉再慢慢找。
设置WebGrid的属性如下问题就解决了:
        //必须设定此属性为true.下面的Fixed的属性设定才有效
        this.UltraWebGrid1.DisplayLayout.UseFixedHeaders = true;

        
//如果你不是在代码中设定此属性,而是在设计器的属性窗口中设定,那么你必须先将上面的UseFixedHeaders设置为true,否则此属性的true值是无法选定的
        this.UltraWebGrid1.Columns.FromKey("姓名").Header.Fixed = true;
这样再向右拉动滚动条,“姓名”列也不会随着移动了。

 

锁定表头和固定列(Fixed table head and columns)

前段时间需要这个功能,但是找了很多都不能完美的实现,不是只能锁定表头,就是浏览器兼容问题什么的,在此就自己做了一个锁定表头和列的js方法,依赖于JQuery。 因为方法很简单,就未封装成插件的形式,...

Fixed Income.pdf 介绍固定收益的

  • 2010年07月01日 11:26
  • 2.49MB
  • 下载

踩坑路上——IOS Safari浏览器下固定定位position:fixed带来的问题与解决方案

1.-webkit-overflow-scroll:touch; 2.使用其他布局方式
  • grsghh
  • grsghh
  • 2017年03月11日 14:37
  • 7005

"把一个div标签,给它的属性设置position: fixed;bottom:0;固定在浏览器的最底部。 这个div标签在浏览器上下滚动的时候,会一直保持在屏幕最底部,这一点没有问题。但问题是当浏览

如果要接受从其他的窗口那里发过来的消息,就必须对窗口对象的message事件进行监控. window.addEventListener("message",function(){},false); ...

css固定元素位置(fixed)

我们经常碰到的需求是希望页面某个元素固定在浏览器的一个位置,无论如何滚动滚动条,位置不变,就例如经常看到的弹出广告。方法一般是使用js控制,或者使用css。这里我写的是css的控制方法。 在IE...
  • roc1010
  • roc1010
  • 2013年03月22日 14:16
  • 545

解决 IE6 position:fixed 固定定位问题

关于 position:fixed; 属性 生成绝对定位的元素,相对于浏览器窗口进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。...

固定收益证券(fixed income)

http://zh.wikipedia.org/wiki/%E5%9B%BA%E5%AE%9A%E6%94%B6%E7%9B%8A%E8%AF%81%E5%88%B8 固定收益证券 维基百科...

unity shader的固定管线(fixed function shader)

Shader "Wang/Fixed" { Properties { _Color("Main Color",color) =(1,1,1,1) //环境光 _Ambient("Amb...

解决IE6浏览器下position:fixed固定定位问题

像你所遇到的问题一样, IE6浏览器有太多的bug让制作网页的人头疼。这篇文章介绍的是介绍的是如何解决IE6不支持position:fixed;属性的办法。如果我们需要做某个元素始终位于浏览器的底部,...
  • wyqlxy
  • wyqlxy
  • 2012年02月28日 22:49
  • 875
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WebGrid固定列(Fixed-Coloum)的设定
举报原因:
原因补充:

(最多只允许输入30个字)