Move searchPane outside of the datatables stacked to the left of Datatables

YoDavish

I've been able to get specific columns into a searchPane that shows at the top of DataTables. Now I need to move these search panes outside and to the left of DataTables but my attempts so far have failed. Any guidance on this would be helpful, below is the snippet of code:

HTML:
   <div class="container-fluid">
       <div class="row">
      < div id="filterContainer" >
        [PLACE SEARCH PANE HERE]
      < /div >
      < div >
      < table id="myTable" >
      </ table >
      </ div >
    </ div >
  </ div >

SCRIPT:
var table = $('#myTable').DataTable({searchPane: {
columns: [':contains("Division")', ':contains("Subdivision")'],
threshold: 0}
});

colin

Hi @YoDavish ,

This looks like it's doing what you're after.

Cheers,

Colin

YoDavish

@colin Thanks from the example, I was able to figure it out! Thanks a million!