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   //数据
};

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