Extjs grid 合并行

在实际开发中可能会遇到grid中要合并单元格的操作,可能是合并横向单元格,也可能是合并列的单元格,网络上有很多demo,大多是用css样式去控制,但是这样的话代码就会显得很多,不容易阅读,我们看到html

类似 
的代码表示 table 该列向下合并两行。那么extjs grid 基本结构也是table ,我们可尝试采用这样的方式来控制。小白也在网上找了一些方法,并加以修改整合,写出以下demo,我会用详细的注释加以说明。

1 请自行正确引入关键js和css

 
 
 

以下是全部代码

 
 
 
 
 
ExtJs  
 
 
 


 
 
 

 

 

合并之前

Extjs grid 合并行_第1张图片

合并之后

Extjs grid 合并行_第2张图片

你可能感兴趣的:(开发日志)