WebGrid固定列（Fixed-Coloum）的设定

  有时候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;

这样再向右拉动滚动条，“姓名”列也不会随着移动了。