spread单元格边线问题

1、
设置边线在IE8和chrome上可以显示边线

有边线.jpg (15.77 KB, 下载次数: 894)

2012-7-20 11:22 上传

点击文件名下载附件
有边线

在IE9中不显示边线

无边线.jpg (7.25 KB, 下载次数: 851)

2012-7-20 11:22 上传

点击文件名下载附件
无边线

2、
如何设置表外围边线圆角

table1.jpg (25.3 KB, 下载次数: 877)

2012-7-20 11:22 上传

点击文件名下载附件
圆角边框

非常感谢！

回复 1楼kangqy的帖子

1.我这边没有重现楼主问题。请问楼主使用的 Spread 版本为？楼主能否把代码片段发到论坛来调试？
2.不好意思，目前无法设置圆角线。

回复 2楼iceman的帖子

spread.net 6.0.3505.2008

代码片段见附件

3Q~

回复 3楼kangqy的帖子

kanngqy 你好，
IE 9 显示方法如下：

1. 
   
2.    protected override void Render(HtmlTextWriter writer)
   
3.         {
   
4.             Table spread = this.sprdResult.FindControl("viewport") as Table;
   
5.             foreach (TableRow item in spread.Rows)
   
6.             {
   
7.                 item.BorderWidth = new Unit(1);
   
8.             }
   
9.             base.Render(writer);
   
10.         }
    

复制代码

回复 4楼iceman的帖子

您好，用此方法在IE9中已显示出行的边框线，但是没有调试出列边线。还有前面多出的边框线如何隐藏？在chrome中显示内容是对齐的，到IE9内容和列偏离了。

加：鼠标点击某行如何变更颜色？

非常感谢！

无列边线.jpg (16.99 KB, 下载次数: 916)

2012-7-24 16:13 上传

点击文件名下载附件
无列边线

回复 5楼kangqy的帖子

1.那可以以 Cell 为单位进行边框设置，代码如下：

1. 
   
2. protected override void Render(HtmlTextWriter writer)
   
3.         {
   
4.             Table spread = this.sprdResult.FindControl("viewport") as Table;
   
5. 
   
6.             foreach (TableRow cell in spread.Rows)
   
7.             {
   
8.                 cell.Cells[1].BorderWidth = new Unit(1);
   
9.                 cell.Cells[2].BorderWidth = new Unit(1);
   
10.                 cell.Cells[3].BorderWidth = new Unit(1);
    
11.                 //foreach (TableCell cell in item.Cells)
    
12.                 //{
    
13.                 //    cell.BorderWidth = new Unit(1);
    
14.                 //}
    
15.             }
    
16.             base.Render(writer);
    
17.         }
    

复制代码

2.前面多出的 border 是指那一部分呢？是否为如图部分？可以设置没行第一个单元格的 Border 来调整。


3.关于 Chrome 和 IE 显示不同问题，能否提供对比截图？

回复 6楼iceman的帖子

3、相同的代码，以下为chrome的显示结果：

chrome.jpg (19.64 KB, 下载次数: 897)

2012-7-24 22:23 上传

点击文件名下载附件
chrome

如果以cell为单位设置，相邻的两个边框线粗细是否变成双倍px？

回复 7楼kangqy的帖子

请问楼主使用的浏览器的版本是？

回复 8楼iceman的帖子

chrome :20.0.1132.57 m
IE9 :9.0.8

回复 9楼kangqy的帖子

你好，请尝试一下代码：

1. 
   
2. function Button1_onclick() {
   
3.             $("#sprdResult_viewport td").css({
   
4.                 "border-left-width": "1px",
   
5.                 "border-left-style": "solid",
   
6.                 "border-top-style": "solid",
   
7.                 "border-top-width": "1px",
   
8.                 "border-color": "red"
   
9.             });
   
10.             $("#sprdResult_viewport tr:last td").css({
    
11.                 "border-bottom-width": "1px",
    
12.                 "border-bottom-style": "solid",
    
13.                 "border-color": "red"
    
14.             });
    
15.             $("#sprdResult_viewport tr td:nth-child(4)").css({
    
16.                 "border-right-width": "1px",
    
17.                 "border-right-style": "solid",
    
18.                 "border-color": "red"
    
19.             });
    
20.             $("#sprdResult_viewport tr td:nth-child(1)").css({
    
21.                 "border-left-width": "0px",
    
22.                 "border-top-width": "0px",
    
23.                 "border-color": "red"
    
24.             });
    

复制代码

效果图：