比如有一个datatable,
function initRuleDataTable() {
$("#ruleDataTable").dataTable({
"sAjaxSource": dbLinkUrl.dblist,
"fnServerData": retrieveData,
"processing": true,
"serverSide": true,
"bDestroy": true,
"bFilter": false,
"retrieve": true,
"paging": true,
"bAutoWidth": true,
"sScrollX": "100%",
"sScrollY": 385,
"aoColumns": [
{"mData": "TEST", "sTitle": "校验码","sClass":"center", "sWidth": "80px",},
{"mData": "ID","sTitle":"操作","sClass":"center", "sWidth": "80px",},
{"mData": "ID", "sTitle": "DB_ID", "bVisible": false, },
{"mData": "TITLE", "sTitle": "连接串标题", "sWidth": "15%",}, //15%
{"mData": "DB_URL", "sTitle": "数据库连接地址", "sWidth": "300px",},
{"mData": "DB_TYPE", "sTitle": "数据库类型", "sWidth": "120px",},
{"mData": "DB_NAMES", "sTitle": "可使用数据库", "sWidth": "20%",},
{"mData": "ITEM_NAMES", "sTitle": "可使用项目", "sWidth": "20%",},
//{"mData": "ITEM_IDS", "sTitle": "可使用项目", "sWidth": "20%",},
{"mData": "CREATER", "sTitle": "创建人", "sWidth": "80px",},
{"mData": "CTIME", "sTitle": "创建时间", "sWidth": "150px",},
{"mData": "EDITOR", "sTitle": "更新人", "sWidth": "80px",},
{"mData": "UTIME", "sTitle": "更新时间", "sWidth": "150px",},
], //1处
问题1
鼠标放到表格中,会显示表格中的数据
"aoColumnDefs":[ {"aTargets":[3],"mRender":function(data,type,full){
return "<label title='"+data+"'>"+data+"</label>";
}}, ] //这段代码放到 “1处” 后面,可以实现第4列的表格数据的提示。