欢迎光临
我的个人博客网站

springboot 使用templates + bootstrap-table 实现组合表头展示

 /**      * 查询补助信息列表      */     @RequiresPermissions("staffCost:subsidy:list")     @PostMapping("/list")     @ResponseBody     public TableDataInfo list(StaffCostSubsidy staffCostSubsidy) {         startPage();         List<StaffCostSubsidy> list = staffCostSubsidyService.selectStaffCostSubsidyList(staffCostSubsidy);         return getDataTable(list);     }

$(function() {             var options = {                 url: prefix + "/list",                 createUrl: prefix + "/add",                 updateUrl: prefix + "/edit/{id}",                 removeUrl: prefix + "/remove",                 exportUrl: prefix + "/export",                 importUrl: prefix + "/importUrl",                 modalName: "补助信息",                 columns: [                             [                                 {                                     field : 'subsidyId',                                     title : '补助信息id',                                     visible: false,                                     rowspan: 3                                 },                                 {                                     title : '人员',                                     align : 'center',                                     valign:"middle",                                     colspan : 4,                                     rowspan: 1                                 },                                 {                                     title : '工资与奖金',                                     align : 'center',                                     valign:"middle",                                     colspan : 3,                                     rowspan: 1                                 },                                 {                                     title: '操作',                                     align: 'center',                                     formatter: function(value, row, index) {                                         var actions = [];                                         actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit('' + row.subsidyId + '')"><i class="fa fa-edit"></i> 编辑</a> ');                                         actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove('' + row.subsidyId + '')"><i class="fa fa-remove"></i> 删除</a>');                                         return actions.join('');                                     },                                     rowspan: 3                                 }                              ],                             [                                 {                                     field : 'employee.company',                                     title : '公司',                                      formatter: function(value, row, index) {                                          return $.table.selectDictLabel(companyDatas, value);                                      },                                     align: 'center',                                     rowspan: 2                                 },                                 {                                     field : 'dept.deptName',                                     title : '部门',                                     align: 'center',                                     rowspan: 2                                 },                                 {                                     field : 'post.postName',                                     title : '岗位',                                     align: 'center',                                     rowspan: 2                                 },                                 {                                     field : 'employee.employeeName',                                     title : '员工姓名',                                     align: 'center',                                     rowspan: 2                                 },                                 {                                     title : '补助',                                     align : 'center',                                     valign:"middle",                                     colspan : 3,                                     rowspan: 1                                 }                             ],                              [                                 {                                     field : 'subsidyComputer',                                     title : '电脑',                                     align : 'center',                                     formatter: function(value, row, index) {                                         if(row.subsidyComputer==0){                                             return "无";                                         }else {                                             return 100;                                         }                                      },                                 },                                 {                                     field : 'foodSupplement',                                     title : '餐补',                                     align : 'center',                                 },                                 {                                     field : 'totalGrants',                                     title : '合计',                                     align : 'center'                                 },                             ]                     ]             };             $.table.init(options);         });

springboot 使用templates + bootstrap-table 实现组合表头展示

 

赞(0) 打赏
未经允许不得转载:张拓的天空 » springboot 使用templates + bootstrap-table 实现组合表头展示
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏