JQuery DataTable responsive behavior not working for table inside Bootstrap 4 accordion

Question

I have a Bootstrap 4 accordion with a table inside each section of it. The tables have the JQuery DataTables extension and are setup to be responsive. Before I put the table