bootstrap表格某一列值相同时_Bootstrap-table实现动态合并相同行(表格同名合并)

这篇博客介绍了如何在Bootstrap-table中实现动态合并相同列值的行。通过初始化Table,设置相关参数,并定义mergeTable函数进行行合并,确保同名的projName、subProj和phase在表格中合并显示。文章还提供了排序和合并的详细代码示例。
摘要由CSDN通过智能技术生成

User: AdministratorDate:2018/6/20

Time:14:21

Tochange this template use File | Settings | File Templates.--%>

Stringscheme=request.getScheme();StringserverName=request.getServerName();StringcontextPath=request.getContextPath();intport=request.getServerPort();//网站的访问跟路径StringbaseURL=scheme+ "://" +serverName+ ":" +port+contextPath;

request.setAttribute("baseURL", baseURL);%>

实现表格同名合并

$(function() {//初始化Table

$('#table').bootstrapTable({

url:'${baseURL}/Views/cc.json',//请求后台的URL(*) 这里我用的是一个json文件

method:'get',//请求方式(*)

toolbar:'#toolbar',//工具按钮用哪个容器

striped:true,//是否显示行间隔色

cache:false,//是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)

pagination:true,//是否显示分页(*)

sortable:false,//是否启用排序

sortOrder:"asc",//排序方式

//queryParams: queryParams,//传递参数(*)

sidePagination:"server",//分页方式:client客户端分页,server服务端分页(*)

pageNumber:1,//初始化加载第一页,默认第一页

pageSize:10,//每页的记录行数(*)

pageList: [10,25,50,100],//可供选择的每页的行数(*)

//search: true,//是否显示表格搜索,此搜索是客户端搜索,不会进服务端

contentType:"application/x-www-form-urlencoded",

strictSearch:true,

showColumns:true,//是否显示内容列下拉框

showRefresh:true,//是否显示刷新按钮

minimumCountColumns:2,//最少允许的列数

clickToSelect:true,//是否启用点击选中行

//这里如果要固定表头的话 就把height开启

//height: 700,//行高,如果没有设置height属性,表格自动根据记录条

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值