对特定列数据应用条件 - jQuery DataTable

问题描述

首先，我有下面的表格：

红色包围的列显示2种类型的账户，值 1 = 空闲和值 2 = 付费（免费，付费账户）。

我想在呈现数据之前，应用一个条件来更改 1 至空闲和 2 至 / code>。

就是这样。

表格初始化：

  var dataTableY = $（'＃table'）。DataTable（{
 serverSide：true，
 ajax：{
 url：'directory / class / method'
}，
处理：true，
 scrollY：400，
分页：true，
 info：true，
 select：{
 style：'os'
}，
 pagingType：'full_numbers'，
语言：{
 url：'DataTables / lang / english.json '
} 
}）; 
  

解决方案

使用：

  var table = $（'＃example'）。dataTable（{
 // ... 
 columnDefs：[
 {targets：[4]，
 render：function（data，type，row）{
 return data =='1'''free'：'paid'
} 
} 
] 
 }）
  

渲染函数将返回'free'如果列值是1，否则'已付款'。如果您有更多的值，或者例如需要返回'N / A'，您可以使用开关 。

---

  columnDefs：[
 {targets：[4]， 
 render：function（data，type，row）{
 switch（data）{
 case'1'：return'free';打破; 
 case'2'：return'paid';打破; 
默认值：return'N / A'; 
} 
} 
} 
] 
  

Firstly, I have the following table:

The column which enclosed by red color display 2 types of account, the value 1= Free and value 2 = paid (free, paid accounts).

I want before rendering the data, apply a condition to change the 1 to free and 2 to paid.

that's it.

Table initialization:

var dataTableY = $('#table').DataTable({
    serverSide: true,
    ajax: {
        url: 'directory/class/method'
    },
    processing: true,
    scrollY: 400,
    paging: true,
    info: true,
    select: {
        style: 'os'
    },
    pagingType: 'full_numbers',
    language: {
        url: 'DataTables/lang/english.json'
    }
});

解决方案

Use a column renderer :

var table = $('#example').dataTable({
    //...
    columnDefs : [
        { targets : [4],
          render : function (data, type, row) {
             return data == '1' ? 'free' : 'paid'
          }
        }
   ]
})

The render function will return 'free' if the column value is 1, otherwise 'paid'. You could use a switch if you have more values, or for example need to return a 'N/A' too.

---

    columnDefs : [
        { targets : [4],
          render : function (data, type, row) {
            switch(data) {
               case '1' : return 'free'; break;
               case '2' : return 'paid'; break;
               default  : return 'N/A';
            }
          }
        }
   ]

这篇关于对特定列数据应用条件 - jQuery DataTable的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！