修改固定行与列的加粗边框显示样式

Spread for ASP.NET 6.0产品中提供了固定行与固定列的功能，用户只需设置以下两行代码就可以实现：

1.     this.FpSpread1.Sheets[0].FrozenRowCount = 2;
   
2.     this.FpSpread1.Sheets[0].FrozenColumnCount = 2;

复制代码

在Spread中实现固定行与固定列的基本思想是，将SheetView拆分为多个<Table>进行显示，并将交界的边线进行加粗显示，比如下面的效果：


在某些情况下，我们可能不需要交界处的边线加粗显示，而是与其它表格线显示一样的粗细，此时我们就的对SheetView拆分之后的<Table>进行一些特殊的样式设置，将viewport和viewport1的左边框隐藏，viewport和viewport2的上边框隐藏，而这一过程我们都放到Render中来实现，代码如下：

1.     protected override void Render(HtmlTextWriter writer)
   
2.     {
   
3.         Table frozenTable1 = this.FpSpread1.FindControl("viewport1") as Table;
   
4. 
   
5.         if (frozenTable1 != null)
   
6.         {
   
7.             frozenTable1.Style.Value = "border-bottom: Black  1px solid; position: " +
   
8. 
   
9.                 "relative; border-left: Black  0px solid; width: 1px; border-collapse:" +
   
10. 
    
11.                 " collapse; table-layout: fixed; border-top: Black  1px solid; top: 0px;" +
    
12. 
    
13.                 " cursor: default; border-right: Black  1px solid;";
    
14.         }
    
15. 
    
16.         Table frozenTable2 = this.FpSpread1.FindControl("viewport2") as Table;
    
17. 
    
18.         if (frozenTable2 != null)
    
19.         {
    
20.             frozenTable2.Style.Value = "border-bottom: Black  1px solid; position: " +
    
21. 
    
22.                 "relative; border-left: Black  1px solid; width: 1px; border-collapse:" +
    
23. 
    
24.                 " collapse; table-layout: fixed; border-top: Black  0px solid; top: 0px;" +
    
25. 
    
26.                 " cursor: default; border-right: Black  1px solid;";
    
27.         }
    
28. 
    
29.         Table frozenTable = this.FpSpread1.FindControl("viewport") as Table;
    
30. 
    
31.         if (frozenTable != null)
    
32.         {
    
33.             frozenTable.Style.Value = "border-bottom: Black  1px solid; position: " +
    
34. 
    
35.                 "relative; border-left: Black  0px solid; width: 1px; border-collapse:" +
    
36. 
    
37.                 " collapse; table-layout: fixed; border-top: Black  0px solid; top: 0px;" +
    
38. 
    
39.                 " cursor: default; border-right: Black  1px solid;";
    
40.         }
    
41. 
    
42.         base.Render(writer);
    
43. 
    
44.     }

复制代码

运行截图：


源码下载：VS2010 + Spread for ASP.NET 6.0 + IE8.0
5363_Frozen.zip (9.73 KB, 下载次数: 416)

2012-8-2 10:51 上传

点击文件名下载附件