Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Center search box #57

Open
Bealemon opened this issue Feb 12, 2018 · 2 comments
Open

Center search box #57

Bealemon opened this issue Feb 12, 2018 · 2 comments

Comments

@Bealemon
Copy link

Bealemon commented Feb 12, 2018

Hello people, is it possible to get the search box from the right to the middle of the table?

Where can I change that:
<div class="col-md-6"><div id="table-container-table_filter" class="dataTables_filter"><label>Suche:<input class="form-control input-sm" placeholder="" aria-controls="table-container-table" type="search"></label></div></div>

i think "col-md-6" to "col-md-12" would help me and then continue in the css

@Bealemon Bealemon changed the title Center search box above the table Center search box Feb 12, 2018
@ericthompson001
Copy link

Well it is 2024 and I just discovered this complete javascript csvtohtml table repository and its allowed me to recreate old web paged tables I used to make in ASP for my information radiators for my projects in record time. However. I would love to...center the search field and couldn't find a place to do that. Just like our friend Baealemon here. I will ask datatable folks as well as I imagine that where that lives.. If I learn anything I will post back. Thanks for csvtohtml!

@ericthompson001
Copy link

ericthompson001 commented Mar 16, 2024

-the closest I could come on my own..so far is to use a local copy of dataTables.bootstrap4.min.css , (reference that instead) and search for word "filter" in that file ...and change the first occurrence to "LEFT" instead of right. The div where this input lives in datatables is inside a few other divs so it is basically the third div in the page with no break or paragraph so anything left aligned in it, is still slighlty right of center. Imgur

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants