Why is my search box wrapped

vandenabael

Hi All,

In attachment you can find a screenshot of my website where I used the datatables to present my data.
In addition, The functionality works perfect, including the search and entry functions.

However, both the "search" and "show entries" seem to be "wrapped" as you can see on the screenshot and I can't identify the reason why. Even after disabling all unrelated style formats, the wrapping still takes place. I must be missing something but can't put my finger on it.

Any thoughts or input are welcome!

kthorngren

That is a styling issue specific to your page. We will need to see it to help debug. Please post a link to your page or a test case replicating the issue.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Kevin

vandenabael

Hi Kevin,

That makes sense, here is a lightweight Fiddle that reproduces the problem:

https://jsfiddle.net/vandenabaele/nv6j5kr1/12/

I feel like it must have something to do with the bootstrap version. When I use an older version, my entire layout falls apart but it seem to prevent it from "wrapping".

Thanks for your quick reply by the way.

kthorngren

You need to load dataTables.bootstrap5.min.cs. Click the CSS tab of this example. The Styling docs provide more details. Use the Download Builder to get the appropriate files for the style framework you want to use.

Updated example:
https://jsfiddle.net/9x5obdch/

Kevin

vandenabael

I'm an idiot an you sir, are a hero! Thanks a lot!