title: DataTable responsive display certain columns
body: <p>I am using <a href="https://datatables.net/" rel="noreferrer">DataTables</a> along with <a href="https://datatables.net/extensions/responsive" rel="noreferrer">responsive</a> and facing issues while trying to display only certain columns.</p>
  
  <p>Table layout is like this:
  <a href="https://i.stack.imgur.com/RP4d0.png" rel="noreferrer"><img src="https://i.stack.imgur.com/RP4d0.png" alt="enter image description here"></a></p>
  
  <p>I need to display to only <code>'Column 1', 'Column3', 'Column 7', 'Column 8', 'Column 10'</code> and hide others( these should be displayed by expand control at the end of each row ).</p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>  $( 'table' ).DataTable( {
        order: [ [ 0, "asc" ] ],
          responsive: {
              details: {
                  type: 'column',
                  target: 'tr'
              }
          },
          columnDefs: [ {
              className: 'control',
              orderable: false,
              targets: -1
          } ]
      } );
  </code></pre>
  
  <p>This is the <a href="https://jsfiddle.net/ntsp4hsr/" rel="noreferrer"><code>JSFiddle</code></a>. Any suggestions!</p>