jQuery MiniUI

标题: 如何通过JS代码实现多级表头 [打印本页]
作者: thsz    时间: 2021-10-21 15:57:49     标题: 如何通过JS代码实现多级表头

如何通过JS代码实现多级表头，默认是一级表头，想通过JS实现
作者: felt    时间: 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.                     }

  31.                     ]
复制代码




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2