title: jQuery.dataTables : selected all rows except last column
body: <p>I have a table using <code>jQuery.dataTables</code>. I need to input date on the last column. But when I click input date row becomes not selected.</p>
  
  <p>This code is for selected all rows.</p>
  
  <p>Here is the DataTable.</p>
  
  <pre><code>var table = $('#tableRegister').DataTable({
                  data: [],
                  columnDefs: [{
                      orderable: false,
                      className: 'select-checkbox',
                      targets: 0
                  }],
                  select: {
                      style: 'os',
                      selector: 'td:first-child'
                  },
                  order: [[1, 'asc']],
                  columns: [
                      { data: "ACTION" },
                      { data: "ID" },
                      { data: "REGISTER_DATE" }
                  ],
                  rowCallback: function (row, data) { },
                  filter: false,
                  info: false,
                  ordering: false,
                  processing: true,
                  retrieve: true
              });
  </code></pre>
  
  <pre><code>  $('#table_name tbody').on('click', 'tr', function () {
                      $(this).toggleClass('selected');
                  });
  </code></pre>
  
  <p>I draw the values of the table using ajax.</p>
  
  <pre><code>for (var i = 0; i &lt; e.DataBadge._REG.length; i++) {
      table.row.add({
      "ID": e.DataBadge._REG[i]._ID,
      "REGISTER_DATE": `&lt;input type='text' class='form-control datepicker2' id='register_date${i}'/&gt;`
      }).draw();
  }
  </code></pre>
  
  <p>How do I handle the last column to keep it selected?</p>