jQuery MiniUI

 找回密码
 立即注册
查看: 2809|回复: 1
打印 上一主题 下一主题

如何通过JS代码实现多级表头 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2021-10-21 15:57:49 |只看该作者 |倒序浏览
如何通过JS代码实现多级表头,默认是一级表头,想通过JS实现

Rank: 8Rank: 8

沙发
发表于 2021-10-25 15:51:25 |只看该作者
  1. columns: [
  2.                   { type: "checkColumn" },
  3.                     { field: "loginname", aaa: "1111", header: "员工帐号", allowSort: true, headerAlign: "center", width: 120, editor: { type: "textbox", cls: "aa", maxLength: 5 }, filter: { type: "textbox", width: "100%", id: "f1" }
  4.                     },
  5.                     { field: "name", header: "姓名", headerAlign: "center", width: 120, filter: { type: "filteredit", width: "100%", filterData: ageFilters} },
  6.                     { header: "工作信息", headerAlign: "center", columns: [
  7.                                 { headerStyle: "color:blue", field: "dept_name", header: "所属部门", width: 120 },
  8.                                 { field: "position_name", header: "职位", width: 100 },
  9.                                 { field: "salary", header: "薪资", numberFormat: "c0", align: "right", width: 100, allowSort: true }
  10.                                 ]
  11.                     },
  12.                     { field: "createTime", header: "创建时间", headerAlign: "center", width: 100, dateFormat: "yyyy-MM-dd" },
  13.                     { header: "基本信息", columns: [
  14.                                 { header: "信息", columns: [
  15.                                    { field: "gender", header: "性别", width: 100, renderer: onGenderRenderer },
  16.                                    { field: "age", header: "年龄", width: 100, allowSort: true },
  17.                                    { field: "conutry", type: "comboboxcolumn", header: "国家", width: 100, allowSort: true, editor: { type: "combobox", url: "../data/countrys.txt"} },
  18.                                    { field: "birthday", header: "出生日期", width: 100, renderer: onBirthdayRenderer }
  19.                                 ]
  20.                                 },
  21.                                { field: "married", header: "婚否", width: 100, align: "center", type: "checkboxColumn", trueValue:1,falseValue:0 },
  22.                                { field: "email", header: "邮箱", width: 100 }
  23.                                ]
  24.                     },
  25.                     { header: "学历信息", columns: [
  26.                               { field: "educational_name", header: "学历", width: 100 },
  27.                               { field: "school", header: "毕业院校", width: 120 }
  28.                               ]
  29.                     }

  30.                     ]
复制代码

Archiver|普加软件

GMT+8, 2024-11-17 03:11 , Processed in 1.068101 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部