Buttons and column headings alignment problem

Buttons and column headings alignment problem

Larry27Larry27 Posts: 35Questions: 10Answers: 0

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

  • kthorngrenkthorngren Posts: 20,425Questions: 26Answers: 4,794
    edited May 2023 Answer ✓

    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' for dom. 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

Sign In or Register to comment.