bootstrap Table动态绑定数据并自定义字段显示值

第一步：我们在官网下载了bootstrap 的文档，并在项目中引入bootstrap table相关js文件，当然，也要记得引入jquery文件

大概如图：

第二步：定义一个table控件

第三步：js绑定数据

  1 <script>
  2 
  3     $(function () {
  4         initTable();
  5     })
  6 
  7     //初始化表格
  8     function initTable() {
  9 
 10         //先销毁表格
 11 
 12         $("#userTable").bootstrapTable('destroy');
 13 
 14         $("#userTable").bootstrapTable({
 15 
 16             method: "get",
 17             url: "/userManagement/UserData",//请求路径
 18             striped: true,//表格显示条纹
 19             pagination: true,//是否显示分页
 20             pageSize: 3,
 21             pageNumber: 1,
 22             pageList: [5, 10, 15, 20, 25],
 23             showColumns: true,
 24             showRefresh: true,//是否显示刷新按钮
 25             sidePagination: "server",//表示从服务端获取数据 --必须有
 26             queryParamsType: "undefined",//定义参数类型
 27             clickToSelect: true,
 28             queryParams: function (params) {
 29                 var param = {
 30 
 31                     pageIndex: params.pageNumber,
 32                     pageSize: params.pageSize
 33                 };
 34 
 35                 return param;
 36 
 37             },
 38             columns: [{
 39                 aligin: 'center',
 40                 checkbox: true,//显示复选框
 41             },
 42             {
 43