aocolumeDef.這個里面去定義.return返回的字符串會代替原來cell里面的內容 e.g: 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"} ], "aoColumnDefs":[{"aTargets":[6],"mRender":function(data,type,full){ return "<a href=\"#myModal-edit\" data-toggle=\"modal\" onclick=\"preUpdate('"+data+"')\"> <i class=\"fa fa-lg-2 fa-pencil\"> </i> </a> <a href=\"javascript:void(0)\" data-toggle=\"modal\" class=\"smart-mod-eg1\" onclick=\"delPool('"+data+"',event)\"> <i class=\"fa fa-lg-2 fa-trash-o\"> </i> </a> "} }, {"aTargets":[5],"mRender":function(data,type,full){ return data+"%<div class=\"progress\"><div aria-valuetransitiongoal=\""+data+"\" class=\"progress-bar bg-color-teal\" style=\"width: "+data+"%;\" aria-valuenow=\""+data+"\"> </div></div>"; } }, {"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+" <a href=\"#myModal-file\" data-toggle=\"modal\" onclick=\"viewpool('"+full.objectId+"',event)\"> <i class=\"fa fa-lg-2 fa-file-o \"></a>"; } } ] });