title: Hiding column in jQuery dataTables
body: <p>I have problem hiding jQuery datatable column. I want that column to retrieve data but I don't want it to be shown on the display page. I want to hide my column no 8 so from CSS I tried hiding it and it gives me collapsable div.</p>
  
  <p><img src="https://i.stack.imgur.com/OJlX9.png" alt="image getting + icon on display page"></p>
  
  <p>Below is my code for data table and class for hiding is "hideCol".</p>
  
  <pre class="lang-js prettyprint-override"><code> var userTable = $('#user').dataTable( {
        "processing": true,
        "serverSide": true,
        "ajax":"admin/getData.php",
        "responsive" : true,
        "lengthMenu": [10, 25],
        "paginationType" : "input",
        columns: [
                { data:'param0'},
                { data: 'param1' },
                { data: 'param2' },
                { data: 'param3' },
                { data: 'param4' },
                { data: 'param5' },
                { data: 'param6' },
                { data: 'param7'},
            ],
        fnRowCallback:function(nRow,aData, iDisplayIndex, iDisplayIndexFull){
          var seenReportedVal =Number($('td:eq(7)', nRow).text());
          $('td:eq(7)', nRow).addClass('hideCol');
          if(seenReportedVal==0)
          {
           $(nRow).addClass('bold');
          }
        },
         "columnDefs": [
                         { "visible": false, "targets": 7 }
                       ],
      });  
  </code></pre>