lengthMenu location change?
lengthMenu location change?
SickPuP
Posts: 13Questions: 6Answers: 0
By default the lengthMenu, which controls the number of rows per page, is displayed in the upper left of the table. The same location as the buttons. They stack by default which create a busy header at the top. I have turned off the page info and want to move the lengthMenu to the bottom left of the table opposite of the page controls. Any way to do this?
This discussion has been closed.
Answers
I figured it out. Using a similar method as the buttons container move for Bootstrap. Here is the script:
$('#MyTableID_length').appendTo('#MyTableID_wrapper .col-sm-5:eq(0)');")
The first part is the div containing the length menu. The footer is divided into a 5 and 7 column section so we look for the first 5 column section in the wrapper. The header is two 6 columns and the body is 12 columns so there is no confusion. Hope this helps someone else.