Answers

• colin Posts: 15,177Questions: 1Answers: 2,590

  October 2021 Answer ✓

  That took some serious thought, but here it is

  The magic is in using Select extension events:

      $('.dtsp-searchPane table').DataTable().on('user-select', function(e, dt, type, cell, originalEvent) {
          console.log(originalEvent.target.nodeName);
          if (originalEvent.target.nodeName.toLowerCase === 'input') {
              e.preventDefault();
              dt.row(cell.index().row).select();
          }
      });
  
      $('.dtsp-searchPane table').DataTable().on('select deselect', function(e, dt, type, idx) {
          dt.rows(idx).every(function(rowIdx) {
              var selected = dt.row(rowIdx, {selected: true}).any();
              var checkBox = $('input', this.node());
              checkBox.prop("checked", selected);
          });
      });
  

  Colin
• valredr Posts: 21Questions: 7Answers: 0

  October 2021 edited October 2021

  Hi @colin ,
  Thank you so much for this you are truly a life saver and a magician.
  Appreciate the effort