Replies

• kthorngren Posts: 22,476Questions: 26Answers: 5,167

  May 11 edited May 11

  Thanks for the test case. I haven't looked at the code but the ColumnControl event handlers might stop propagating the events. I would use a delegated event handler initialized before Datatables (ColumnControl) is initialized. For example:

  /* deselect any table cells with focus  */
    $('#dt_system').on('click', "th div.dtcc-search input", function() {
      console.log("click on footer input");
  
      // Get an instance of the Datatables API
      var systemTable = $('#dt_system').DataTable();
      systemTable.rows( {selected: true } ).deselect();
      systemTable.cell({focused:true}).cell.blur();
    });
  )
  

  Updated test case:
  https://live.datatables.net/dibinire/1/edit

  Kevin
• kthorngren Posts: 22,476Questions: 26Answers: 5,167

  May 11

  Looks like you can create the event after DT initialization:
  https://live.datatables.net/dibinire/2/edit

  Likely the problem is with the selector input.form-control. Inspecting the inputs it doesn't look like the classname form-control is added to the elements. Also you probably want a more specific selector to not have the event fire if you have input elements outside of ColumnControl.

  Kevin
• Mwhite007 Posts: 30Questions: 7Answers: 0

  May 12

  thanks Kevin that seems to have done it!