DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

HTML select on same line as Search

HTML select on same line as Search

bbrindzabbrindza Posts: 300Questions: 69Answers: 1
in DataTables 1.10

Hopefully this is a easy one. I want to have a html select to show on the same line to the left of the search.

Here is the HTML I am currently using

<div class='row'>
    <div class='col-auto'>
        <label class='fw-bold'>Year:</label>
    </div>
    <div class='col-auto'>
        <select class='mr-2' name="OoO_yearSelect" id='OoO_yearSelect' style='width:4em' onchange='reloadOutOfOfficeTable()'></select>
    </div>
</div>

Here is the DataTables JS

 dom: 'frtip',
    language: {  search: 'Table Search: '},

Answers

  • allanallan Posts: 61,972Questions: 1Answers: 10,160 Site admin

    It it were DataTables 2, I'd suggest making a feature plug-in for it.

    However, assuming that it is not, add a class to your row and float it left, or make the parent a flex and do the alignment that way. See this page for an excellent resource on flex box.

    Allan

  • kthorngrenkthorngren Posts: 20,425Questions: 26Answers: 4,794

    Looks like you are using Datatables 1.x. For 1.x see this example. For 2.x see the Custom Controls examples in these layout option examples.

    Kevin

Sign In or Register to comment.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.