</head>
<body>
<div class="container">
<h4 class="page-header">质量/安全列表</h4>
<table class="table table-hover" id="pointQualitySecurityTable" data-pagination="false"
data-search="false"
data-show-refresh="false"
data-toggle="card"
data-card-view = "true"
data-show-toggle="false"
data-show-columns="true">
<input type="hidden" id="pId" value="${pointQualitySecurityDto.pId }"/>
<thead>
<tr>
<th data-field="pointProject" data-halign="center" >工程部位（工点）：</th>
<th data-field="recordPerson" data-halign="center">记录人：</th>
<th data-field="recordDate" data-halign="center">记录时间：</th>
<th data-field="checkType" data-halign="center">检查类型：</th>
<th data-field="sId" data-visible="false">
<th data-field="qId" data-visible="false">
<th data-field="ck" data-halign="center" data-formatter="showDetail">详细：</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</body>
</html>
function initTable() {
// 先销毁表格
// $('#cusTable').bootstrapTable('destroy');
// 初始化表格,动态从服务器加载数据
$("#pointQualitySecurityTable").bootstrapTable({
method : "get", // 使用get请求到服务器获取数据
url : "queryQualitySecurityList.do", // 获取数据的Servlet地址
contentType: "application/x-www-form-urlencoded",
striped : true, // 表格显示条纹
pagination : false, // 启动分页
pageNumber : 1, // 当前第几页
sidePagination : "server", // 表示服务端请求
// 设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
// 设置为limit可以获取limit, offset, search, sort, order
queryParamsType : "undefined",
queryParams : function queryParams(params) { // 设置查询参数
var param = {
pageNumber : params.pageNumber,
pId:$("#pId").val()
};
return param;
}
});
}
function showDetail(value,row,index){
return "<a href='toQualitySecurityViewPage.do?sId="+row.sId+"&qId="+row.qId+"'>查看</a>";
}
$(document).ready(function() {
// 调用函数，初始化表格
initTable();
// 当点击查询按钮的时候执行
// $("#search").bind("click", initTable);
});
以上所述是小编给大家介绍的BootStrap轻松实现微信页面开发代码分享，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
