Move the select tag next to the search panel

Ariel_learning

Hi guys,

I'm new to this and front end dev. I was looking at one of other people's example: http://live.datatables.net/mucevape/72/edit?html,js,output

This is a good learning and practicing for me. But I see that the <select> can only be added in the column.footer() or column.header(). If I change it to table.table().container(), it won't be responsive.

var select = $('<select><option value=""></option></select>')
                    .appendTo( $(column.footer()).empty() )
                    .on( 'change', function () {
                      $('#example').DataTable().draw();
                    } );

Can anyone help me to understand this and show me how to move this on top of the datatable or next to the search panel?

Best
Ariel

colin

I'm not following your comment about the container - if you use Responsive then it will be handled as expected.

Otherwise, you can use it in the header like this, or use dom to put it alongside the controls.

Colin