javascript - jQuery Datatables 根据条件更改列的值

Question

我有工作正常的数据表。不过我想稍微调整一下。正如你所看到的，我有这样的条件:

if ( data.status == 0 )

这意味着如果status等于零，我会将文本颜色设置为红色和绿色，否则。不过，我还想更改 data.status 的文本，因为它是 0 或 1。如何使文本显示 Pending(如果为零)和 Approved(如果为 1)。

<script>
    $(document).ready(function(){
        $('#LeaveList').DataTable({
            processing: true,
            serverSide: true,
            ajax: 'leave-list',
             "createdRow": function ( row, data, index ) {
                if ( data.status == 0 ) {
                    $('td', row).eq(6).addClass('text-danger');
                }
                else
                {
                    $('td', row).eq(6).addClass('text-success');
                }
            },
            columns: [
                {data: 'id', name: 'id'},
                {data: 'employee_name', name: 'employee_name'},
                {data: 'employee_id', name: 'employee_id'},
                {data: 'from_date', name: 'from_date'},
                {data: 'to_date', name: 'to_date'},
                {data: 'leave_type', name: 'leave_type'},
               // {data: 'department', name: 'department'},
                {data: 'status', name: 'status'},
                {data: 'created_at', name: 'created_at'},
                {data: 'action', name: 'action', orderable: true, searchable: true}
            ]
        });

    }); 
    </script>   

我想在这个jquery部分而不是在数据查询中这样做

Answer 1

假设您当前的代码工作正常。然后你只需要修改 createdRow 部分，如下所示:

...
createdRow: function ( row, data, index ) {
  if ( data.status == 0 ) {
    $('td', row).eq(6).addClass('text-danger').text('Pending');
  } else {
    $('td', row).eq(6).addClass('text-success').text('Approved');
  }
},
...

但是，正如 markpsmith 所指出的，更简洁的方法是使用 render 选项。您可以阅读 columns.render here .