title: Exclude Responsive Data Tables + from onclick event
body: <p>I have a DataTable (<a href="https://datatables.net" rel="nofollow noreferrer">https://datatables.net</a>) that is rendered dynamically. I have an on click event for the rows to bring up some data, I did from following this tutorial:</p>
  
  <p><a href="https://datatables.net/examples/advanced_init/events_live.html" rel="nofollow noreferrer">https://datatables.net/examples/advanced_init/events_live.html</a></p>
  
  <p>I have a select box in the row that I excluded by doing this:</p>
  
  <pre><code>$('#resdatatable tbody').on('click', 'tr', function (e) {
  if($(e.target).is('select')){
          e.preventDefault();
          return;
      }
  </code></pre>
  
  <p>Which works perfectly.</p>
  
  <p>But now I am trying to make the Data Table responsive, so I am following this tutorial: <a href="https://datatables.net/extensions/rowreorder/examples/initialisation/responsive.html" rel="nofollow noreferrer">https://datatables.net/extensions/rowreorder/examples/initialisation/responsive.html</a></p>
  
  <p>Which is working great, but I need to exclude the little green + from the on click event as well, and I am trying to do that with this:</p>
  
  <pre><code>$('#resdatatable tbody').on('click', 'tr', function (e) {
  if($(e.target).is('select') || $(e.target).hasClass('dtr-column') ){
          e.preventDefault();
          return;
      }
  </code></pre>
  
  <p>But it isn't working, I have no idea how to make this work or how to identify this little green or red button.</p>
  
  <p>EDIT: Another way of doing this would be to exclude a click on the first column.</p>
  
  <p>EDIT 2:</p>
  
  <p>Using this:</p>
  
  <pre><code>$('#resdatatable tbody').on('click', 'tr:not(:first-child)', function (e) {
  if($(e.target).is('select')){
          e.preventDefault();
          return;
  }
  </code></pre>
  
  <p>Disables the first row, but not the first column...?</p>