使用ComponentOne Wijmo的SpreadJS合并单元格
来源:互联网 发布:淘宝盗图会有什么后果 编辑:程序博客网 时间:2024/05/29 14:59
原文地址:http://www.evget.com/article/2013/7/11/19170.html
Web上的报表或表格应用,较为复杂的表格操作一般都比较难实现了,而运用ComponentOne Studio for ASP.NET Wijmo中的SpreadJS,能够实现一些难以相信的表格操作,为最终用户提供类似桌面应用的操作体验。例如接下来我们要说的单元格合并,即将一系列的单元格合并成一个新的跨几行或几列的单元格,这个功能在Excel中非常常见,在中国式报表中,合并单元格的目的一般是创建行列标题或者进行分类汇总。
我们就以一个简单的例子来说明操作步骤,要合并A1,B1,C1来创建一个叫“Monthly Sales”的行标题,只需要以下代码:
1
2
3
4
5
6
sheet.addSpan(0, 0, 1, 3);
sheet.getCell(0, 0).hAlign($.wijmo.wijspread.HorizontalAlign.center)
sheet.setValue(0, 0,
"Monthly Sales");
sheet.setValue(1, 0,
"Jan");
sheet.setValue(1, 1,
"Feb");
sheet.setValue(1, 2,
"Mar");
然后就是下面合并的结果:
当然,也有可能有另外一种需求,也就是想要合并工作表中的列标题或行标题,如下所示:
这个Wijmo也是可以实现的,需要使用addSpan方法来增加如下SheetArea的参数:
1
sheet.addSpan(0, 0, 1, 3, $.wijmo.wijspread.SheetArea.colHeader);
删除合并单元格也非常简单,使用
removeSpan
方法就可以了:
1
2
3
4
var spans = sheet.getSpans();
for(var i = 0; i < spans.length; i++) {
sheet.removeSpan(spans.row,spans.col);
}
- 使用ComponentOne Wijmo的SpreadJS合并单元格
- ComponentOne Wijmo Charts 缩放
- ComponentOne WebChart的使用
- ComponentOne WebChart的使用
- Html合并单元格的使用
- jQuery 绑定 ComponentOne Wijmo Combobox 数据源
- 使用JS合并单元格
- Excel单元格的合并
- 合并GridView 的单元格
- GridView 单元格的合并
- 合并 GridView 的单元格
- flexgrid的单元格合并
- 合并 GridView 的单元格
- gridview单元格的合并
- 合并DaaGridView的单元格
- Excel单元格的合并
- ireport的合并单元格
- 自定义的单元格合并
- Android Activity ActionMode Callback
- Fatal error (2555922): Could not open connection to Siebel Gateway
- android原始资源raw和assets文件读取
- 内边距 外边距
- 输出空心菱形问题.
- 使用ComponentOne Wijmo的SpreadJS合并单元格
- OpenCV形态学操作
- 图解Android
- 更改由oracle导入的dmp文件的版本
- 使用Log4j为项目配置日志输出应用详细总结及示例演示.
- 在浏览器地址栏http前面添加个性图标
- Python基础10--闭包
- 苹果IOS开发者账号的区别,企业账号,个人账号,公司团队账号,教育账号
- 广州刑事律师之取保候审的三个问题