如何在数据表列中添加一个类答案

【问题标题】：How do i add a class in datatable column如何在数据表列中添加一个类
【发布时间】：2017-03-27 19:53:51
【问题描述】：

如何在数据表列中添加类？？？

这是 columnDefs 中的代码：

{
                 targets: 6,
                 render: function (data, type, row, meta) {
                     if ('1' === '1') {
                         //data = '<a  onclick="TicketDetails(' + (row.Id) + ') " >' + data + '</a>';
                         data = '<span class="label label-sm label-warning"> ' + data + ' </span>';
                         { className: 'label label-sm label-warning' }
                     }

                     return data;
                 }
             }

这是数据表中的状态列。如果状态值为 1，则结果输出为。

<span class="label label-sm label-warning"> New </span>

如果状态（即输出数据）是 2.then.result 将是：

<span class="label label-sm label-default"> Pending </span>

id状态数据为3。

那么。

<span class="label label-sm label-success"> Completed </span>

我如何在服务器端数据表的数据表列上检查和创建它？？？

这是列：

 "columns": [
                     //{ "data": '' },
                      { "data": "CreatedDate" },
                      { "data": "Title" },


                      { "data": "Name" },
                      { "data": "Email" },
                      { "data": "AssignTo" },
                      { "data": "Status" }
          ]

有人推荐我吗？？？

【问题讨论】：

然后在你的render方法中使用建议的开关...如果switch (data) { case '1'等等。
回答一下
我如何分配这个类..
返回不同类的不同字符串。 case 1: return data = '<span class="label label-sm label-warning"> ' + data + ' </span>'; break; case 2 : label-default 而不是 label-warning 等
此案无效

标签： asp.net-mvc-4 datatables

【解决方案1】：

columns 数组中有 6 列，但您使用的是指第七列的 targets: 6。

使用下面的代码：

columnDefs: [
   {
      {
          targets: 5,
          render: function (data, type, row, meta) {
             if(type === 'display'){
                if(data == 1){
                   data = '<span class="label label-sm label-warning"> New </span>';
                } else if(data == 2){
                   data = '<span class="label label-sm label-default"> Pending </span>';
                } else if(data == 3){
                   data = '<span class="label label-sm label-success"> Completed </span>';
                }
             }

             return data;
          }
      }
   }
]

【讨论】：