How do you incase the table, and bottom row, in a div? but leave out the top?

Hilda Tipsy

This might be a dumb question but i want to incase the table itself and the bottom row in a div, but leave out the top row?

is there an easy why to do that with layout?

something like this:

<div class="dt-search"> search</div>
<div class="card">
   <div class="dt-table"></div>
   <div class="dt-bottom-row"></div>
</div>

again sorry if its a stupid question

allan

I'm a great believer in the idea that there is no such thing as a stupid question! If one doesn't know the answer, then they don't know!

I'm afraid that what you are looking for is not possible in DataTables with the layout option. It could perhaps be done with the legacy dom option, but that disrupts the rest of the layout and you'd need to write some custom CSS.

An alternative option would be to move the search box outside of the container in initComplete - just use DOM methods to move it to where you want in the document.

Allan

Hilda Tipsy

Thank you, The dom worked.