编辑jQuery Datatable字段

我想为JQuery dataTable中的一个字段值输出一个bootstrap标签。 这个字段可能的值可以是’0’或’1’,并且根据结果我想决定我想在dataTable中输出哪个引导标签。 不幸的是,如果对于这种情况的陈述,我不知道如何做到这一点。

我的JQuery:

$(document).ready(function() { $('#accountOverview').dataTable( { "ajax": { "url": "/database/accounts.php", "data": {"action": "selectAccounts"}, "dataSrc": "" }, "columns": [ { "data": "email" }, { "data": "platform" }, { "data": "coins" }, { "data": "profitDay" }, { "data": "playerName" }, { "data": "tradepileCards" }, { "data": "tradepileValue" }, { "data": "enabled" } ], "autoWidth": false }); }); 

我需要使用类似的东西来获得“enabled”字段的结果:

 if(enabled==1)  else  

HTML表格:

 
E-Mail Platform Coins Profit last 24h Playername Tradepile Cards Tradepile Value Status

标签需要在“status”字段中=每行的最后一行。

在dataTable的“draw”(在AJAX加载数据之后发生)之后,你可以查找每一行的最后一个td并使用wrapInner()来注入你想要的HTML。 所以,在你的情况下,尝试:

 var apply_label=function(){ $('#accountOverview').find('td:last-child').not(':has(.label)').each(function(){ if( this.innerHTML==="1"){ $(this).wrapInner(''); } else { $(this).wrapInner(''); } }); }; $('#accountOverview').dataTable( { "ajax": { "url": "/database/accounts.php", "data": {"action": "selectAccounts"}, "dataSrc": "" }, "columns": [ { "data": "email" }, { "data": "platform" }, { "data": "coins" }, { "data": "profitDay" }, { "data": "playerName" }, { "data": "tradepileCards" }, { "data": "tradepileValue" }, { "data": "enabled" } ], "autoWidth": false, "drawCallback": function( settings ) { apply_label(); } }); 

笔记:

  1. 我想你想要span (不是label )。
  2. 我想你想要.label-danger (不是.label-error )。

请访问http://jsfiddle.net/jhfrench/wrkkbcf1/查看。