Jquery datatable使用示例

最新推荐文章于 2019-10-25 13:58:53 发布

Pandora丶冷月

最新推荐文章于 2019-10-25 13:58:53 发布

阅读量658

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/chenb365/article/details/52537913

版权

datatable=$('#dt_basic').dataTable({
             "bAutoWidth": false,
             "bStateSave":true,
                "sPaginationType": "bootstrap_full",//分页
                "sAjaxSource":url,//访问地址
                "sAjaxDataProp": "poolList", //结果集
                "aoColumns": [{ "sTitle":"ID", "mDataProp": "poolId","sClass":"center"},
                              { "sTitle":"存储池名称", "mDataProp": "poolName","sClass":"center"},
                              { "sTitle":"运行状态", "mDataProp": "status","sClass":"center"},
                              { "sTitle":"缓存状态", "mDataProp": "iscache","sClass":"center"},
                              { "sTitle":"总容量", "mDataProp": "diskPack.poolSize","sClass":"center"},
                              { "sTitle":"使用率", "mDataProp": "diskPack.usage" ,"sClass":"td-progress center"},
                              { "sTitle":"操作","mDataProp": "objectId","sClass":"center"},
                              { "sTitle":"创建时间", "mDataProp": "createTime","sClass":"center"}
                              ],

     //自定义列的信息 full表示所有列的信息
                "aoColumnDefs":[{"aTargets":[6],"mRender":function(data,type,full){                      return "       "}
                    },
                    {"aTargets":[5],"mRender":function(data,type,full){
                     return data+"%

";
}


   },
   {"aTargets":[2],"mRender":function(data,type,full){
   if(data=='2'){
   return "维护";
   }else{
   return "运行";
   }
   }
   },

   {"aTargets":[3],"mRender":function(data,type,full){
   if(data=='1'){
   return "是";
   }else{
   return "否";
   }

   }
   },
   {"aTargets":[0],"mRender":function(data,type,full){
   return data+" ";
   }
   }
   ]
});