EasyUI-Datagrid二维表格：多表头

       

         人力资源管理有个做二维表格的需求，客户的需求是这样的，如图：

       由于是从零开始，没有参考，我就想用easyui 做一下。分析需求，其实难点就三个：1、是将上表头的部分单元格合并。2、是在左侧显示标题。3、是页内单元格可以编辑。

 

       对于easyui来说，单元格合并比较简单，写table时的核心的代码就两句：rowspan 和colspan。其中，rowspan是合并上下，colspan是合并左右。

 

		
           	
			

				
项目
				
合计
     			        
女士
				
学历
                                
年龄
				
自主创业
                                
再就业人数
				
拥有专利人数
                                
拥有执业资格人数
			
			
            

				
研究生
				
大学本科
				
大学专科
				
中专
				
高中及以下
                                
35岁以下
				
36-40岁
				
41-45岁
				
46-50岁
				
51-54岁
				
55岁以上
			
			

				
甲
				
1
				
2
				
3
				
4
				
5
				
6
				
7
                                
8
				
9
				
10
				
11
				
12
				
13
				
14
				
15
                                
16
				
17
			
          
		
 
	

       对于左侧显示我实在是想不出什么好办法了，就取了巧，在json 赋值时，实例化了19个viewmodel,把它的首字段写成需要显示的标题，然后把它转成json 赋值给table。我知道这个方法不可取，但是我想了好久才想到这个办法，所以就展示下样图，就不贴代码了，纪念下。

 

       对于单元格被编辑，下次再说。

效果：