如何在datatable列中添加类

时间:2017-03-27 10:02:52

标签: asp.net-mvc-4 datatables

如何在datatable列中添加类???

以下是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;
                 }
             }

这是datatable中的状态列。 如果状态值为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" }
          ]

任何人都建议我???

1 个答案:

答案 0 :(得分:1)

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

使用以下代码:

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;
          }
      }
   }
]