easyui 单元格合并

来源:互联网 发布:手机淘宝旧版本 编辑:程序博客网 时间:2024/05/22 09:46

使用easyui的datagrid单元格合并达到下面的效果。

用rowspan属性设置合并几行,colspn属性设置合并几列;

如果要实现单元格内换行,可直接加入换行符;




{field: 'rowname', halign:"center",align:"left",title: '1', width: '10%',rowspan:3},{field: 'projectname',halign:"center", align: 'left',title: '2', width: '25%',rowspan:3},{halign:"center",align:"center",title: '3', width: '45%', colspan:3},{halign:"center",align:"center",title: '4', width: '15%',colspan:1},{halign:"center",align:"center",title: '5555<br/>6666', width: '25%',colspan:1},{halign:"center",align:"center",title: '7', width: '15%',colspan:1}
 
原创粉丝点击