EasyUI DataGrid 多级表头设置

最新推荐文章于 2020-02-28 16:31:27 发布

麦田

最新推荐文章于 2020-02-28 16:31:27 发布

阅读量1.8w

点赞数 8

分类专栏： EasyUI 文章标签： easyui datagrid 表头

本文链接：https://blog.csdn.net/itmyhome1990/article/details/50730458

版权

本文介绍了如何使用EasyUI的DataGrid组件创建多级表头，通过设置rowspan和colspan属性实现复杂表格布局，并在含有内容的列上添加field属性。展示了一个包含4行9列的实例，提供了实现多级表头的效果图。

摘要由CSDN通过智能技术生成

使用EasyUI做一个报表统计，需要合并表头为多级表头，核心代码如下:

$('#dg').datagrid({  
    url:'datagrid_data.action',  
    fit : true,
    fitColumns : false,
    columns:
         [
             [
                {
  "title":"网格员考核测评表","colspan":9}
             ],
             [
                {
  "field":"ORGNAME","title":"网格","rowspan":3,width:"80"