欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

bootstraptable實現(xiàn)橫向合并與縱向合并

bootstrap table實現(xiàn)橫向合并與縱向合并?針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

創(chuàng)新互聯(lián)建站堅持“要么做到,要么別承諾”的工作理念,服務領域包括:成都網(wǎng)站設計、網(wǎng)站建設、外貿(mào)網(wǎng)站建設、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務,滿足客戶于互聯(lián)網(wǎng)時代的邢臺縣網(wǎng)站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴!

html代碼

<div id="test" class="table-responsive" >
 <table id="resourceTable"  class="table table-nowrap"></table>
</div>

在上js代碼

/**
 * 合并單元格,同一列相同數(shù)據(jù)會合并到同一單元格
 * field:要合并的field列
 */
function mergeTable(field){
 
 var obj=getObjFromTable($resAlertTable,field);
 
 for(var item in obj){ 
  $resAlertTable.bootstrapTable('mergeCells',{
 index:obj[item].index,
 field:field,
 colspan:1,
 rowspan:obj[item].row,
 });
  }
}
function getObjFromTable($resAlertTable,field){
 var obj=[];
 var maxV=$resAlertTable.find("th").length;
 var columnIndex=0;
 var filedVar;
 for(columnIndex=0;columnIndex<maxV;columnIndex++){
 filedVar=$resAlertTable.find("th").eq(columnIndex).attr("data-field");
 if(filedVar==field) break;
 
 }
 var $trs=$resAlertTable.find("tbody > tr");
 var $tr;
 var index=0;
 var content="";
 var row=1;
 for (var i = 0; i <$trs.length;i++)
 {  
 $tr=$trs.eq(i);
 var contentItem=$tr.find("td").eq(columnIndex).html();
 //exist
 if(contentItem.length>0 && content==contentItem ){
  row++;
 }else{
  //save
  if(row>1){
  obj.push({"index":index,"row":row});
  }
  index=i;
  content=contentItem;
  row=1;
 }
 }
 if(row>1)obj.push({"index":index,"row":row});
 return obj;
 
}

實現(xiàn)效果:

bootstrap table實現(xiàn)橫向合并與縱向合并

下面是橫向合并,相對來說就比較簡單了,只需要對table進行一些設置即可

cache : false, // 不緩存
pagination : false, // 開啟分頁功能
striped : false, // 隔行加亮
data:testData,
search:true,
toolbar:'#toolbar',
height: tableHeight(),//高度調(diào)整
silence : true,
sortName : 'lastTime', // 設置默認排序為 id
sortOrder : 'desc', // 設置排序為升序 asc/反序desc
 
columns: [
  [
  {
  field: 'resourceName',
  title: '資源名稱',
  align: 'center',
  valign: 'middle',
  width: '8%',
  colspan:1,
  rowspan:2
  },
  {
  title: '流入速率',
  align: 'center',
  valign: 'middle',
  sortable : true,
  colspan:3,
  rowspan:1
  },
  {
  title: '流出速率',
  align: 'center',
  valign: 'middle',
  sortable : true,
  colspan:3,
  rowspan:1
  }
   ],
   [
  {
  field: 'netUpSpeed',
  title: "最大值",
  align: 'center',
  valign: 'middle',
  width: '6%',
  sortable:true
  },{
  field: 'netUpSpeed',
  title: "最小值",
  align: 'center',
  valign: 'middle',
  width: '6%',
  sortable:true
  },{
  field: 'netUpSpeed',
  title: "平均值",
  align: 'center',
  valign: 'middle',
  width: '6%',
  sortable:true
  },{
  field: 'netUpSpeed',
  title: "最大值",
  align: 'center',
  valign: 'middle',
  width: '6%',
  sortable:true
  },{
  field: 'netUpSpeed',
  title: "最小值",
  align: 'center',
  valign: 'middle',
  width: '6%',
  sortable:true
  },{
  field: 'netUpSpeed',
  title: "平均值",
  align: 'center',
  valign: 'middle',
  width: '6%',
  sortable:true
  }
  ]
 ],
 onPreBody:function(data){
 
}
});

實現(xiàn)效果:

bootstrap table實現(xiàn)橫向合并與縱向合并

關于bootstrap table實現(xiàn)橫向合并與縱向合并問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關知識。

文章名稱:bootstraptable實現(xiàn)橫向合并與縱向合并
本文網(wǎng)址:http://aaarwkj.com/article22/pjcpcc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設計、網(wǎng)頁設計公司網(wǎng)站排名、電子商務、網(wǎng)站導航自適應網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化
久久久久久极精品久久久| 中文字幕在线日韩精品| 99精品热这里只有精品| 亚洲美女av一区二区三区| 黄色国产欧美国产亚洲| 中文字幕一区二区中文字幕| 天堂在线av免费观看| 国产区青青操自拍视频| 亚洲精品成人在线国产| 日韩视频在线不卡观看| 国产三级国产剧情国产av| 午夜福利尤物一区二区| 日本一区二区三区免费不卡视频| 日韩一区二区偷拍视频| 日本区一区二区三高清视频| 久久亚洲av麻衣北条麻妃| 国产精品久久av高潮呻吟| 久久精品国产亚洲七七| 伊人久久大香线蕉av色婷婷色| 欧美性做爰片免费视频网| 丰满人妻一区二区三区免费| 蜜臀99久久精品久久久| 亚洲精品在线免费av| 国产精品伦一区二区视频| 欧美黄色影院在线观看| 麻豆色视频在线观看免费| 日本免费一区二区三区四区视频| 五月婷婷色综合激情五月| 国产三级黄色大片在线免费看| 热99精品视频在线观看| 亚洲风情亚av在线播放| 在线观看中文字幕一区| 欧美日韩丝袜一区二区| 国产偷国产偷亚洲综合av| 久久伊人69日韩精品| 日韩人妻一区二区三区蜜桃视频密| 亚洲一区二区三区色婷婷| 91久久国产综合精品女同| 日韩有码一区在线观看| 欧美激情日韩精品久久久| 中出亚洲精品日韩在线视频|