[javascript] jQuery Datatables изменяет значение столбца на основе условия



0 Answers

Предположим, что ваш текущий код работает правильно. Тогда вам нужно только изменить createdRow часть 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 .

Question

У меня есть Datatables, который работает нормально. Однако я хочу немного изменить его. Как видите, у меня есть это условие:

if ( data.status == 0 )

Это означает, что если status равен нулю, в противном случае цвет текста будет красным и зеленым. Однако я также хочу изменить текст data.status Coz - 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 не в запросе данных




Related