easyUI datagrid 某些列占两行怎么做

Posted 2023-04-20

用easyUI 的datagrid页面初始化时，页面展示如下图。到底该怎么做啊！

参考技术A rowspan （列属性）

指明将占用多少行单元格（合并行）。

colspan

指明将占用多少列单元格（合并列）。

摘自1.4.2api。。。。 参考技术B mergeCells方法，具体怎么用我忘 了。你可以百度下。

jquery easyui datagrid 中 数据中某一列 进行两行或三行合并 如何实现

参考技术A frozenColumns:[[
field:'ck',checkbox:true,
title:'code',field:'code',width:80,sortable:true
]],
columns:[[
title:'Base Information',colspan:3,
field:'opt',title:'Operation',width:100,align:'center', rowspan:2
],[
field:'name',title:'Name',width:120,
field:'addr',title:'Address',width:220,rowspan:2,sortable:true ,
field:'col4',title:'Col41',width:150,rowspan:2
]],本回答被提问者采纳 参考技术B columns:[
[
title:'产品',width:80,colspan:2
],
[
field:'itemid',title:'Item ID',width:80,
field:'productid',title:'Product ID',width:120,
field:'listprice',title:'List Price',width:80,align:'right',rowspan:2,
field:'unitcost',title:'Unit Cost',width:80,align:'right',
field:'attr1',title:'Attribute',width:250,
field:'status',title:'Status',width:60,align:'center'
]] 参考技术C 看官网DEMO