HTML select on same line as Search

bbrindza

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: '},

allan

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

kthorngren

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