Datatables with Bootstrap styling and the 'dom' option

richardvk

Hi,

I have used the 'dom' variables in the past (dom: 'lfrtip') etc in the past with default Datatables styling, and am now experimenting with the Bootstrap integration.

I see the elements are laid out with Bootstraps <div class='row'> <div class='col-sm-6'> etc.

I am wondering how much these can be adjusted, if at all, with the dom setting? If i enable that option i see the bootstrap stuff disappears and each element (length, search, pagination etc) appear on a 'row' by themselves.

Any help/documentation appreciated :)

Richard

allan

Hi Richard,

The default dom value that Bootstrap uses is noted in the dom documentation - you could use that as the base for your own string. However, it is a bit messy (more news about an update in that regard in the blog in a few weeks time :-) ) - I often find it easier to append the buttons container to the document - like in this Bootstrap example.

Allan

richardvk

Thats great, answers my question perfectly, thank you as always for the quick assistance :)