Манипулировать результатом для поля dataTable

Question

Я хотел бы вывести ярлык начальной загрузки для одного значения поля в JQuery dataTable. Возможные значения полей могут быть «0» или «1», и в зависимости от этого результата я хочу решить, какой ярлык начальной загрузки я хочу вывести в dataTable. Интересно, как я могу понять, если заявление в зависимости от результата поля «включено», и как я могу заполнить поле моего HTML код:

Мой 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 
    }); 
}); 

мне нужно использовать что-то как это в результате «включено» поле:

if(enabled==1) <label class="label label-success">Online</label> 
else <label class="label label-error">Offline</label> 

Answer 1

Вы можете добавить класс в <td class="enabled>

DUMMY HTML код:

<table> 
    <thead><tr><th>i</th></tr></thead> 
    <tbody><tr><td class="enabled">0</td></tr> 
      <tr><td class="enabled">1</td></tr> 
    </tbody> 
</table> 

и добавить манипулировать с помощью JavaScript:

var a = document.getElementsByClassName('enabled'); 

for (var i = 0; i<a.length;i++) { 


    if (a[i].textContent == 1) { 
     a[i].innerHTML = '<label class="label label-success">Online</label>'; 
     } 
    else { 
     a[i].innerHTML = '<label class="label label-error">Offline</label>'; 
    } 

} 

DEMO