Answers

• x3rt Posts: 8Questions: 2Answers: 0

  April 2023 edited April 2023

  Just to make it clearer what the actual issue is;
  Before one of them has been clicked:
  
  After interaction:
  
  Ideally I want the 'After' to be drawn without any user interaction
• kthorngren Posts: 20,425Questions: 26Answers: 4,794

  April 2023

  I used the download builder to generate the Datatables BS 5 libraries for Datatables, Buttons and Responsive. Does this example do what you want?
  https://live.datatables.net/nequsano/1/edit

  I am not using the bootstrap version of dataTables css as I use Bootstrap 5.3 and I cannot get the dataTables supplied bootstrap css to work

  Why what happens?

  I am wondering if there is an event I am not finding the docs as I am trying to avoid 'sleeping' to wait for the button menu to be drawn.

  Maybe the buttons-action is the event you are looking for. I added it to the test case.

  Kevin
• x3rt Posts: 8Questions: 2Answers: 0

  April 2023 edited April 2023

  I used the download builder to generate the Datatables BS 5 libraries for Datatables.

  I thought I explained in my original post that I have tried using the builder, but since it uses Bootstrap 5.1.3 it's not useable for me and it messes up the styling of my entire site (text becoming unreadable etc)

  Furthermore the dataTables bootstrap css does not fit with my theming therefore I wish to only have bootstrap classes on the button elements (hence why I am replacing them via javascript)

  Why what happens?

  A ton of issues. Way too many to explain.
  I use Bootstrap 5.3; the Builder creates 5.1.3 libraries. The grid system is completely different.
  Non-5.3 5.x Bootstrap versions also mess with my font-color everywhere and it's not as simple as changing the body font-color.

  Maybe the buttons-action is the event you are looking for.

  No I more meant a event that fires after dataTables buttons are fully drawn, but there is no such event.
• kthorngren Posts: 20,425Questions: 26Answers: 4,794

  April 2023 edited April 2023 Answer ✓

  I thought I explained in my original post that I have tried using the builder, but since it uses Bootstrap 5.1.3 it's not useable for me and it messes up the styling of my entire site (text becoming unreadable etc)

  All you said was "I cannot get the dataTables supplied bootstrap css to work". This doesn't imply any of the above

  I use Bootstrap 5.3; the Builder creates 5.1.3 libraries.

  @allan can comment on this.

  No I more meant a event that fires after dataTables buttons are fully drawn

  I updated your original test case to use the buttons-action to use the following:

  $('.button-page-length').removeClass().addClass('btn btn-outline-primary');
  

  This seems to work? But I'll let you confirm if it does what you want.
  https://live.datatables.net/tujihiwa/1/edit

  Kevin
• x3rt Posts: 8Questions: 2Answers: 0

  April 2023 edited April 2023

  All you said was "I cannot get the dataTables supplied bootstrap css to work". This doesn't imply any of the above

  Yeah I realized that after but it was too late to edit my orginal post

  I updated your original test case to use the buttons-action to use the following:

  That surprisingly worked! I didn't realize that even was called when they are initially created!

  Thank you so much

  Also Bootstrap 5.3 is still in the alpha phase so I don't expect a dataTables release just yet
• allan Posts: 61,972Questions: 1Answers: 10,160 Site admin

  May 2023

  Yes, I'll update the builder at some point. The intention with our CDN builder isn't necessarily to offer every version of Bootstrap, jQuery, Foundation, etc. If you need a specific version of a third party library, pull it in from their own CDN or CDNJS, etc.

  Allan