Semantic UI Search and Pagination Aligment

nordaz

Hello.
We are using style Semantic UI, all works fine but Search Field and Pagination Numbers aren't in correct place as you can see in this screenshot: http://prnt.sc/dglyyk

Do you have any idea to how can we fix it?

IsaacBen

Can you show your code?
Maybe you can try to use the "dom" option - https://datatables.net/reference/option/dom.

For example

dom: '<above table<t>beneath table>'

So this should order it properly in your case.

dom: '<Bf<t>ip>'

This might still require some CSS, in my tables I actually have to add some CSS to align them. Not sure why though.

allan

My guess is that the dom option is specified, but it does use the default for Semantic UI which needs extra divs and classes over the default DataTables one.

This example shows a way to use Semantic UI and Buttons without using dom.

Allan

nordaz

Thank You Allan.
Now it's working.