Search bar cannot float right (entirely)
Search bar cannot float right (entirely)
MarloH
Posts: 8Questions: 0Answers: 0
I tried applying the following style
.dataTables_filter {
float: right;
}
which caused the search box to float right, BUT it did not go all the way to the right; it stopped at the edge of my screen. (My table itself is set to 100% width, but actually causes a horizontal scroll on my 1080p monitor (very big table).) The search box though does not sit at the top-right of the table as expected, but instead is at the right hand side of the *screen.* There are no other divs to contain the search bar and limit it from floating to the right all the way.
I couldn't figure out what was going on here to cause this behavior. Can someone let me know if they have any suggestions or how to get around this? I'd like the search bar to be positioned on the far right edge of the page above my table.
.dataTables_filter {
float: right;
}
which caused the search box to float right, BUT it did not go all the way to the right; it stopped at the edge of my screen. (My table itself is set to 100% width, but actually causes a horizontal scroll on my 1080p monitor (very big table).) The search box though does not sit at the top-right of the table as expected, but instead is at the right hand side of the *screen.* There are no other divs to contain the search bar and limit it from floating to the right all the way.
I couldn't figure out what was going on here to cause this behavior. Can someone let me know if they have any suggestions or how to get around this? I'd like the search bar to be positioned on the far right edge of the page above my table.
This discussion has been closed.
Replies
Allan