Answers

• allan Posts: 63,489Questions: 1Answers: 10,469 Site admin

  July 30 Answer ✓

  There is an extensive API, so you can readily bind your own event handlers to any elements you want. If you have a "New" button and all the functions for the new action, then just bind to that and update the DataTable using the API.

  For search use:

  myInput.addEventListener('input', function () {
    table.search(myInput).draw();
  });
  

  etc.

  Nearly all of the actions that DataTables, its buttons and extensions can do are available via the API. So you can quite readily hook into that and perform the actions you need on the table. The pre-built buttons could be considered just a shortcut to that.

  Allan
• infamia Posts: 4Questions: 2Answers: 0

  August 4

  Understood, thanks so much for the guidance. It's so generous of you to answer silly, basic questions like mine!

  You might consider adding CSS targets for toolbars and their sections as a feature in DataTables. Then you could have the best of both worlds, the shortcut buttons that could be directed anywhere, and folks could mold their custom HTML around wherever DataTables drops it's buttons. It works really well with Bootstrap Table and makes things very quick to develop with. All that said, it might be rather difficult, with the advanced toolbar construction framework you've introduced relatively recently. Best of luck with DataTables!
• infamia Posts: 4Questions: 2Answers: 0

  August 4 edited August 4

  After a bit more digging, it seems that alan has already thought of this, and you can indeed inject buttons to elements with closing tags like <div>.

  let table = new DataTable('#myTable');
   
  new DataTable.Buttons(table, {
      buttons: [
          'copy', 'excel', 'pdf'
      ]
  });
  table.buttons().container()
      .appendTo( '#toolbar' );
  

  https://datatables.net/extensions/buttons/#Constructor
• allan Posts: 63,489Questions: 1Answers: 10,469 Site admin

  August 6

  Yes, absolutely. You can move the controls of the table around the document as you need using the API and some DOM manipulation methods.

  Allan