How to change the position and style of the search block and the number of records block?

Jenstel

Hi. Help me please.
How to change the position and style of the search block and the number of records block?
If possible, sample pls.

tangerine

CSS. Your browser developer tools will tell you what styles are being applied to those elements. Either change DataTables' CSS file or override it with your own stylesheet.

Jenstel

CSS. Your browser developer tools will tell you what styles are being applied to those elements. Either change DataTables' CSS file or override it with your own stylesheet.

Thanks, but css change style. How change position? eg how move search edit to bootom of table

bindrid

have you looked at https://datatables.net/reference/option/dom ?

Jenstel

have you looked at https://datatables.net/reference/option/dom ?
Yep. I learned this
But I don't yet have enough experience in javascript. So I asked for sample

bindrid

http://jsbin.com/viqafe/18/edit shows the use of the dom option to reverse the default by putting paging and page information at the top and the search and the page length drop down at the bottom.

It uses dom:"iptlf",

instead of the default with is dom:"lftip"

Jenstel

Thanks

Jenstel

I figured with DOM. Thanks, all worked.
Last question: How to group columns (th) under a common name. Eg, 3 columns with the same name and a common name.

kthorngren

You can have complex headers, like this example:
https://datatables.net/examples/basic_init/complex_header.html

But you need to have one unique TH for each Datatables column.

Kevin

Jenstel

Thank you all very much