bootstrap table 简单使用
来源:互联网 发布:淘宝页头图片尺寸 编辑:程序博客网 时间:2024/06/05 21:46
http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/
https://www.cnblogs.com/landeanfen/p/5821192.html#_label2_1
https://www.cnblogs.com/wdcwy/p/6590855.html
表
<table id="table-javascript"></table>
JS例
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
$("#table-javascript").bootstrapTable({
method: "get",
url: "<%=basePath%>fyadmin/sysUser/getUserList",
cache: false,
striped: true,
pagination: true,
pageList: [10,50],
pageSize: 50,
showColumns: true,
showRefresh: true,
sidePagination: "server", //设置为服务器端分页
minimumCountColumns: 2,
clickToSelect: true,
toolbar: "#custom-toolbar",
columns: [
{field: "status", checkbox: true},
/* {field: "num",title: "序号",align: "center",width: 10,formatter: function(value, row, index) {return index+1;}}, */
{field: "loginname",title: "用户名",align: "left",valign: "middle",sortable: true },
{field: "name",title: "姓名",align: "left",valign: "top",sortable: true},
{field: "age",title: "年龄",align: "center",valign: "middle",sortable: true},
{field: "identification",title: "身份证",align: "center",valign: "middle",sortable: true},
{field: "tel",title: "手机号",align: "left",valign: "middle",sortable: true },
{field: "email",title: "邮箱",align: "left",valign: "middle",sortable: true },
{field: "createtime",title: "创建时间",align: "left",valign: "top",sortable: true,
formatter:function(value,row,index){
if(value!=null){
var date=new Date(value);
return date.Format("yyyy-MM-dd HH:mm:ss");
}
}},
],
});
- bootstrap table 简单使用
- Bootstrap table的一些简单使用总结
- Bootstrap table的一些简单使用总结
- Bootstrap table的一些简单使用总结
- Bootstrap table 简单示例
- bootstrap-table简单应用
- bootstrap table使用小记
- bootstrap-table使用总结
- Bootstrap Table使用分享
- Bootstrap Table使用分享
- bootstrap-table操作使用
- bootstrap table使用总结
- 使用BootStrap Table
- bootstrap-table使用总结
- bootstrap table 使用简述
- bootStrap table 使用
- bootstrap-table使用总结
- bootstrap-table使用
- 设计模式之模板方法
- linux文件系统二---lvm磁盘空间的学习
- 用MATLAB的GUI绘图的一个简单例子
- Linux
- VPP测试框架简单分析
- bootstrap table 简单使用
- canvas绘图基础(四)
- 1136: 首字母变大写
- sqlserver检查锁表及解锁
- mysql exists 和 in的效率比较
- SFPA求非自环闭环的最短路
- 10米跳水比赛名次的确定
- C++命名空间 namespace的作用和使用解析
- zTree树形展示,可新增修改删除节点