Datatables with Bootstrap styling and the 'dom' option

Datatables with Bootstrap styling and the 'dom' option

richardvkrichardvk Posts: 13Questions: 7Answers: 0
edited October 2015 in DataTables

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

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 54,688Questions: 1Answers: 8,553 Site admin
    Answer ✓

    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

  • richardvkrichardvk Posts: 13Questions: 7Answers: 0

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

This discussion has been closed.