TOP Layouts aren't aligning correctly in Bootstrap 5?

wadeparallon

Link to test case: https://live.datatables.net/qaguniwu/1/edit?js,output
Description of problem: So, I've been trying to customize some of the layouts for the top bar and I've noticed something off. I'm using Bootstrap 5.

If I do a TopStart, TopEnd... Both elements are aligned to the furthest edge left and right.
If I do Top1Start, Top1End, Both elements are aligned in the center, this is shown in the above example.
If I do similar for the bottom, it works as expected... both elements are aligned to the furthest edge left and right.

My expectations is both these layouts would act the same.

allan

Rather unexpectedly it looks like the order of the keys in layout matters for the Bootstrap integration. If you do Start then End it will layout as expected: https://live.datatables.net/qaguniwu/2/edit .

I will look into why that is happening.

Allan

wadeparallon

Interesting! Curious on what you find. I'll go ahead and make that adjustment in the meantime.

Great product! Will continue to use in my upcoming projects!