title: How to customize datatables row?
body: <p>How can I customize the row of my jquery datatables?
  I wanted to put a color to the row if it meets the condition isEvent == 1.
  I followed this code from datatables community <a href="http://live.datatables.net/cezewiqe/381/edit" rel="nofollow noreferrer">thread/example</a> but the <code>== </code>is not working.</p>
  <pre><code>  searchResultsTable = $('#searchResultsTable').DataTable({
          bFilter: false,
          bLengthChange: false,
          searching: false,
          orderable: true,
          autoWidth: true,
         
          columns: [
              { data: null, render: 'department', title: 'Department', orderable: false, className: 'dt-center' },
              { data: null, render: 'employeeName', title: 'Employee Name', orderable: false, className: 'dt-center' },
              { data: null, render: 'recordDate', title: 'Date', orderable: false },
              { data: null, render: 'timeIn', title: 'Time In', orderable: false, className: 'dt-center' },
              { data: null, render: 'timeOut', title: 'Time Out', orderable: false, className: 'dt-center' },
              { data: null, render: 'day', title: 'Day', orderable: false, className: 'dt-center' },
              { data: null, render: 'eventTime', title: 'OT-UT-Errand', width: '50px',orderable: false, className: 'dt-center' },
              { data: null, render: 'eventName', title: 'Event', orderable: false, className: 'dt-center' },
              { data: null, render: 'total', title: 'No. of Hours Worked', orderable: false, className: 'dt-center' },
               { data: null, render: 'isEvent', title: 'isEvent?', orderable: false,visible:true, className: 'dt-center' }
             
  
          ],
          createdRow: function (row, data, index) {
              if (data[9]==1) {
  
                  /*   $(row).addClass('blue');   //add class to row*/
                  $('td', row).eq(2).css('font-weight', 'bold');
                  $(row).css('background-color', 'yellow');   //add class to row
              }
              //add style to cell in third column
          }
      });
  </code></pre>
  <p>I already tried <code>data[9] &gt; 0</code> ,<code>data[9] != 0</code> ,<code>data[9] === 1</code> but when I use the <code>data[9] = 1</code>
  it applies to all the rows, and I had it <code>consol.log(data[9])</code> it returns all 1. But on my rendered table and actual data object i have multiple <code>0</code> and <code>1</code> also tried set the column's <code>visible:true</code> option still not working.</p>