bootstrap-table获取表格数据的多种方式
function load() {
$("#table").bootstrapTable({
url: "${ctx}/userController/showlist",
dataType:"json",
method:"post",
//totalRows: 10, //记录右下角的总条数
height:600,
undefinedText:"_", //当数据为 undefined 时显示的字符。
sidePagination: 'client',
pagination: true, //是否显示分页(*)
/* 右上角工具条 */
showRefresh: true, //显示刷新按钮
showToggle:true, //是否显示详细视图和列表视图的切换按钮
showColumns: true, //显示下拉框勾选要显示的列
pagination: true, //在表格底部显示分页工具栏
striped: true, //是否显示行间隔色
pageNumber:1, //当前第几页
pageSize: 5, //每页显示的记录数
pageList: [5, 10, 15, 20, 25], //记录数可选列表
toolbar: "#toolbar", //设置工具栏的Id或者class
paginationPreText:"<<",
paginationNextText:">>",
//clickToSelect: true, //点击行即可选中单选/复选框
//iconSize: "outline",
//cardView: false,//设置为True时显示名片(card)布局
// singleSelect: true,//复选框只能选择一条记录
search: true, //是否显示右上角的搜索框
formatLoadingMessage: function () {
return "请稍等,正在加载中...";
},
queryParams: function (params) { //向后台传递的参数
var p = {
limit: params.limit,
offset: params.offset,
search: params.search,
sort: params.sort,
order: params.order
};
return p;
},
icons: {
refresh: "glyphicon-repeat",
toggle: "glyphicon-list-alt"
},
columns: [{
field: 'id',
visible: false //不显示
}, {
field: 'empname',
title: '用户名',
align: 'left',
//width: 230,
}
, {
field: 'empcode',
title: '编码',
align: 'left',
//width: 230,
}
]
})
}
- .NET Core系列之MemoryCache 初识
- 007手机一键Root(安机网一键Root) v3.0 官方最新版 一键ROOT您的Android手机
- 12306密码被盗了怎么办?12306密码外泄解决方法
- 12个字的qq网名
- 150M迷你型无线路由器怎么设置?
- 192.168.1.1打不开怎么办?路由器192.168.1.1打不开的原因以及解决办法
- 2011年电子报合订本 电子报 编辑部 中文 PDF版 [84M]
- 2015年1月15日小米新旗舰发布会现场图文直播
- 2016.3.1vivo Xplay5新品发布会现场视频直播 优酷直播
- 2016华为P9发布会视频直播地址 4月15日华为P9国行发布会直播