您的位置：首页 > Web前端 > BootStrap

bootstrap table 分页，客户端分页

2016-08-26 13:02 501 查看

jsp

<div class="tab-pane fade " id="regeist">
<table id="mytable" data-toggle="table"
data-url="" data-height=""
data-click-to-select="true" data-method="get"
data-query-params="queryParams" data-toolbar="#toolbar"
data-pagination="true" data-search="true" data-show-refresh="true"
data-show-toggle="true" data-show-columns="true" data-page-size="5">

</table>

<table id="mytable" data-toggle="table"
data-url="" data-height=""
data-click-to-select="true" data-method="get"
data-query-params="queryParams" data-toolbar="#toolbar"
data-pagination="true" data-search="true" data-show-refresh="true"
data-show-toggle="true" data-show-columns="true" data-page-size="5">

</table>

</div>

js

$('#mytable').bootstrapTable({
url: 'admin/regeistMessage',
columns: [
{
field: 'state',
checkbox: true,
},{
field: 'id',
title: '序号'
}, {
field: 'name',
title: '姓名'
}, {
field: 'qq',
title: 'qq'
}, {
field: 'phone',
title: 'phone'
},{
field: 'temp',
title: '状态',
align: 'center',

formatter:function(value,row,index){

var temp;

if(row.temp>0){

temp ='已批准';

}else{

temp= '未批准';

}

return temp;

}
},{

title: '操作',

field: 'temp',

align: 'center',

formatter:function(value,row,index){

var temp;

if(row.temp>0){

temp = '<a href="#" mce_href="#" onclick="sc(\''+ row.id +'\')">删除</a> ';

}else{

temp= '<a href="#" mce_href="#" onclick="pz(\''+ row.id + '\')">批准</a> ';

}

return temp;

}

}
]
});

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航