本文实例为大家分享了机器人九宫格图片展示的具体代码，供大家参考，具体内容如下

先上超文本标记语言代码

div id=' test ' class=' table-responsive ' style=' padd : 0；''飞越：auto '表id='resourceTable '样式='最小宽度：1500像素；class=' table table-nowrap '/table/div在上射流研究…代码

/** * 合并单元格，同一列相同数据会合并到同一单元格* field:要合并的领域列*/函数合并表(字段){ var obj=getObjFromTable($ resalertable，field)；for(obj中的定义变量项){ $ resalertable。bootstraptable(' mergeCells '，{ index:obj[item]).索引，field:field，colspan:1，rowspan:obj[item].row，})；} }函数getObjFromTable($ resalertable，field){ var obj=[]；var MaxV=$ Resalertable。查找(' th ').长度；定义变量专栏索引=0;var filedVarfor(专栏索引=0;columnIndexmaxVcolumn索引){ filedVar=$ Resalertable。查找(' th ').eq(专栏索引)。attr('数据字段');if(filedVar==field)break；} var $ TRS=$可转售。find(' t body tr ')；var $ trvar索引=0;定义变量内容=' ';var row=1；for(var I=0；I $ TRS . lenhei){ $ tr=$ TRS。情商(一)；var contentItem=$tr.find('td ').eq(专栏索引)。html()；//如果存在(内容项。长度0 content==content item){ row；} else {//save if(第1行){ obj。push({ ' index ' : index，' row ' : row })；}索引=我；content=ContentItemRow=1；} } if(第1行)obj。push({“index”: index，“row”: row })；返回对象；}实现效果：

下面是横向合并，相对来说就比较简单了，只需要对桌子进行一些设置即可

cache : false，//不缓存分页： false，//开启分页功能条纹：假，//隔行加亮data:testData，search:true，toolbar:'#toolbar '，height: tableHeight()，//高度调整silence : true，sortName : 'lastTime '，//设置默认排序为idsortOrder : 'desc '，//设置排序为升序asc/反序表名栏： [{域： '资源名称'，标题： '资源名称，对齐： '中心，缬氨酸： '中间，宽度： '8% ',列跨度：1,行跨度：2 }，{ title: '流入速率，align: '中央，valign: '中间，可排序： true，colspan:3，rowspan:1 }，{ title: '流出速率，align: '中心，valign: '中间，可排序： true，colspan:3，rowspan:1 } ]，[ { field: 'netUpSpeed '，title: '最大值，对齐： '中心，对齐： '中间，width: '6% '，sortable:true，{ field: 'netUpSpeed '，title: '最小值，对齐： '中心，对齐： '中间，宽度： '6% ',可排序：路径},{字段： '网速，标题： '平均值，对齐： '中心，对齐： '中间，宽度： '6% ',可排序：路径},{字段： '网速，标题： '最大值，对齐： '中心，对齐： '中间，宽度： '6% ',可排序：路径},{字段： '网速，标题： '最小值，对齐： '中心，对齐： '中间，宽度： '6% ',可排序：路径},{字段： '网速，标题： '平均值，align: '中央，valign: '中间，width: '6% '，sortable:true } ]，onPreBody:function(数据){ });实现效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。