How to add row design base on condition?

jer040506

<style>
.red {
  background-color: red !important;
  }
</style>

$(function() {
   var table = $('#item').DataTable({
    processing: false,
    serverSide: true,
    ajax: '{!! route('admin.get.item') !!}',
    columns: [
      { data: 'item_name', name: 'item_name' },
        { data: 'item_quantity',
                          ***if item quantity is less than 5****
          if( row.item_quantity === '5')
          {
            $(row).addClass('red');
          } 
           else
          {

           }
        },
     ]
   });
  });

tangerine

You need columns.render:
https://datatables.net/manual/data/renderers#Functions

kthorngren

You would use either columns.createdCell or createdRow for this. If the data can change then you would use rowCallback instead as it runs each time the row is displayed.

Kevin

tangerine

Kevin's right, I'm wrong.