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

标签 javascript jquery html datatables

首先,我有下表:

红色包围的列显示两种类型的帐户,值1= Free 和值2 = paid(免费、付费帐户)。

我想在呈现数据之前,应用条件将 1 更改为 free 并将 2 更改为 paid

就是这样。

表初始化:

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'
    }
});

最佳答案

使用 column renderer :

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

如果列值为 1,渲染函数将返回 'free',否则返回 'paid'。如果您有更多值,您可以使用 switch,或者例如也需要返回 'N/A'


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

关于javascript - 对特定列数据应用条件 - jquery DataTable,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33192879/

相关文章:

javascript - 在 react 中点击渲染新组件

javascript - Java 实体数组到 JavaScript 数组

javascript - 菜单图标位置不同

javascript - 下拉悬停 CSS

javascript - 使用 HTML 和 JavaScript/JQuery 选择图像以获得更大的 View

javascript - 通过测试了解 javascript 变量范围

javascript - 向上移动对象对象中的键(交换索引)

php - 将 jQuery $.post 返回数据设置为 JavaScript 变量

html - CSS位置相对强制元素的高度

javascript - 向上/向下键盘箭头自动滚动