zoukankan      html  css  js  c++  java
  • bootStrap 实现双表头

    需求,使用bootstrap实现如下效果

    如果手动写页面相对来说比较简单,但是bootstrap框架,本人暂时不知道如何实现这种效果,如有大神欢迎指导

    最终方案:

    找了个取巧的方法,将后台返回来的数据分开处理,分成数据行1和数据行2,表头行2不当做表头处理,当成一行数据,手动写入列名,

    然后将数据行1,表头行2,数据行2,放到一个数组里,返回到rows,最终实现截图效果

    上主要代码:

    responseHandler: function (res) {
    var item = res.rows[0];
    var obj1 = {};
    var obj2 = {};
    var obj3 = {};
    //日期
    obj1.sheetDate = item.sheetDate;
    obj2.sheetDate = "列8";
    obj3.sheetDate = 数据8;
    //期初余额
    obj1.beginBalance = item.beginBalance;
    obj2.beginBalance = "列9";
    obj3.beginBalance = 数据9;

    var arr1 = [];
    arr1.push(obj1);
    arr1.push(obj2);
    arr1.push(obj3);
    return {
    "total": res.total,//总页数
    "rows": arr1 //数据
    };

    初学者水平有限,欢迎指正




  • 相关阅读:
    定时器的实现
    派遣函数
    IRP的同步
    duilib基本流程
    驱动程序的同步处理
    WFP在包含fwpmu.h头的时候出错
    自己写的驱动用CreateFile打开时错误码返回1的问题
    Windows内核函数
    16_会话技术_Session
    15_会话技术_Cookie
  • 原文地址:https://www.cnblogs.com/jakin3130/p/11046884.html
Copyright © 2011-2022 走看看