dataTable 필드에 대한 결과 조작

JQuery dataTable의 한 필드 값에 부트 스트랩 레이블을 출력하고 싶습니다. 필드 값은 '0'또는 '1'일 수 있으며이 결과에 따라 dataTable에서 출력 할 부트 스트랩 레이블을 결정할 수 있습니다. 내가 뭔가를 사용할 필요가dataTable 필드에 대한 결과 조작

$(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 
    }); 
});

내 JQuery와 : 나는 "활성화"필드의 결과에 따라 if 문을 실현할 수있는 방법을 내가 내 HTML 코드로 필드를 채울 수있는 방법을 궁금해 당신은 당신의 <td class="enabled>

더미 HTML 코드에 클래스를 추가 할 수 있습니다

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

출처

2014-12-14 kentor

의 중복 가능성 http://stackoverflow.com/questions/27465239/edit-jquery-datatable -fields) –

은 "활성화"필드의 결과에 대한이 같은

<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

[편집 jQuery를 데이터 테이블 필드 (

출처

2014-12-14 13:00:09 baao

그리고이 행에 JQuery를 통해 데이터 테이블을 생성하여 "사용"클래스가 있는지 어떻게 확인할 수 있습니까? 내 HTML 코드를 확인했지만 아직 할당 된 클래스가 없습니다./ – kentor

html로 테이블을 만들거나 jQuery 데이터 테이블로 모든 것을 생성합니까? – baao

jQuery는 Ajax 요청을 통해 모든 콘텐츠를 얻고 있기 때문에 그것을 수행하고 있습니다. – kentor

dataTable 필드에 대한 결과 조작

답변

관련 문제