分享一个支持json数据格式的支持拆分的报表

项目中由于需要用到合并单元格、拆分等功能，用普通的table虽然可以满足要求，但是样式很难看，而且控制起来非常吃力，这几天在专门搞这个东西玩。

?

对于表头的数据，具体的部分数据由后台产生抛出，表示每个月的具体工作日工作周。

?

 var columns = [   {name:"bigTitle",caption:reportData.bigTitle,children:[{name:"orgName",caption:"组织结构名称",width:100,mode:"string"},                                                   {name:"helpinfo",caption:reportData.columnCaption[0],children:[{name:"workday_month",caption:"工作日数",width:80,mode:"number",format:"#"},          {name:"loggedday_month",caption:"登录天数",width:80,mode:"number",format:"#"}]},{name:"helpinfo",caption:reportData.columnCaption[1],children:[{name:"workday_week1",caption:"工作日数",width:70,mode:"number",format:"#"},          {name:"loggedday_week1",caption:"登录天数",width:70,mode:"number",format:"#"}]},{name:"helpinfo",caption:reportData.columnCaption[2],children:[{name:"workday_week2",caption:"工作日数",width:70,mode:"number",format:"#"},          {name:"loggedday_week2",caption:"登录天数",width:70,mode:"number",format:"#"}]},{name:"helpinfo",caption:reportData.columnCaption[3],children:[{name:"workday_week3",caption:"工作日数",width:70,mode:"number",format:"#"},          {name:"loggedday_week3",caption:"登录天数",width:70,mode:"number",format:"#"}]},{name:"helpinfo",caption:reportData.columnCaption[4],children:[{name:"workday_week4",caption:"工作日数",width:70,mode:"number",format:"#"},          {name:"loggedday_week4",caption:"登录天数",width:70,mode:"number",format:"#"}]},{name:"helpinfo",caption:reportData.columnCaption[5],children:[{name:"workday_week5",caption:"工作日数",width:70,mode:"number",format:"#"},          {name:"loggedday_week5",caption:"登录天数",width:70,mode:"number",format:"#"}]}   ]}   ];

?

这个用于控制删除没有数据的表头

   for(n=5;n>=0;n--){   if(reportData.columnCaption[n]==null)   columns[0]['children'].pop();   }

?

?

这个小组件还是非常好用的，支持json格式，支持ajax调用，支持一些简单的运算，支持jquery。

?

?

1 楼 Songjun37 2011-06-22 是 什么东西呢？ 2 楼 rainbow040 2011-06-23 这个组件叫什么？ 3 楼 godson_2003 2011-06-26 这个东西有什么难度？只不过是colspan跟rowspan的使用 4 楼 won6won 2011-06-27 是不是写的很原始 5 楼 yizhl 2011-06-28 godson_2003 写道这个东西有什么难度？只不过是colspan跟rowspan的使用

别只是动动嘴皮子说说，一点都不知道尊重别人，有本事你给出一个更好的！ 6 楼 xosadan 2011-06-28 忘记附上附件了。这个是原始的js文件以及一个demo程序。

作者是hexiaodong。

拿过来后项目里不需要这样多功能精简了下。

在json的应用条件下 这个组件还是非常简单实用的。 7 楼 gingguoqiu 2011-06-29 看着蛮不错的，可以学习下，嘿嘿 8 楼 Chen.H 2011-06-29 LZ，你这个是西格玛表格吧，web前端，有两种
ext,西格玛