Buttons and column headings alignment problem
Buttons and column headings alignment problem
https://www.baldwinproject.ca/app/on-mun-new.php
https://debug.datatables.net/osivaj
No Error Messages are reported when I check the debugger
I'm sure this has something to do with the responsive settings, but for the life of me I can't see where, lol. When I view full screen my buttons do not left align to my table, so when I click on filter, it cuts off the column to the far right. If I resize my screen to basically anything less than full size, it's fine.
Also, I have a button which minimizes my left navigation bar. When I click it, the headings of my table do not adjust to the column width. I am not getting the error associated with the width setting, but I still have this display issue when I minimize the left navigation bar.
ANY ideas would be greatly appreciated.
This question has an accepted answers - jump to answer
Answers
One issue is you are loading jquery.js multiple times in lines 48-53 and 1344. You should load it only once. This isn't causing the buttons alignment issue but could cause other issues.
You are using Bootstrap 5 but are using
dom: 'Bfrtip'fordom. Try starting with the BS 5 default dom and replacing the<'col-sm-12 col-md-6'l>with<'col-sm-12 col-md-6'B>. Not sure if that will keep it to the left. Let us know if it works.Kevin