欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

easyui 单元格合并

程序员文章站 2024-02-28 18:45:52
...

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

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

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


easyui 单元格合并

{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}