Jquery datatable使用示例

    xiaoxiao2022-06-28  35

    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+"      ";                                                    }                                                    }                                           ]                        });
    转载请注明原文地址: https://ju.6miu.com/read-1124714.html

    最新回复(0)