2015-05-14 39 views
1

我搜索了很多,我非常確定它可以很容易地完成,但我找不到辦法做到這一點。所以我使用jQuery的DataTables,我試圖生成一個類,並根據我收到的值做一些JavaScript操作。例如,當單位爲負數時,將紅色背景設置爲簡單等等。我已經爲此創建了我的CSS,現在我正在通過DataTables的ajax參數加載JSON文件。下面是我的javascript:根據數據ajax datatables放一個類

 table = $('#activitiesTable').DataTable({ 
      "ajax": "data.txt", 
      "columns": [ 
       { "data": "id" }, 
       { "data": "description" }, 
       { "data": "type_of_expenditure" }, 
       { "data": "real_cost" } 
      ] 
     }); 

我知道,在列的參數,你可以之後由JSON調用「類名」設置一個類,但我不知道如何通過比較產生的一類變量。例如,我想這樣做:

 "columns": [ 
      { 
       "data" : "id", 
       "className": (data.id < 0 ? "negative" : "positive")) 
      } 
     ] 

不知道這是否可以這樣做?或者,如果我要檢查jQuery的每次Ajax調用啓動,但我覺得LT可以很容易地初始化,就在那裏......

回答

0

我發現,你可以用這種方式:

    { 
        "data": "forcast_profit_loss", 
        "createdCell": function (td, cellData, rowData, row, col) { 
         if (cellData < 0) { 
         $(td).addClass('number number-negative'); 
         $(td).text(cellData.substr(1)); 
         } 
         else{ 
         $(td).addClass('number number-positive'); 
         } 
        } 
       } 

你可以在那裏找到關於它的參考:https://datatables.net/reference/option/columns.createdCell