SearchPanes in separate Div

SearchPanes in separate Div

dascocodascoco Posts: 9Questions: 4Answers: 0

Hi, how can I place SearchPanes in a separate div container vertically?
The dom parameter is already used for the Buttons extensions.

<div id="content">
    <div id="dataTable"><table id="example" class="display" style="width:100%"></table></div>
    <div id="searchPane"></div>
</div>

And is it possible to add a event handler when a item in pane is clicked?

This question has an accepted answers - jump to answer

Answers

  • colincolin Posts: 15,112Questions: 1Answers: 2,583
    Answer ✓

    This example shows how you can stack them vertically, and this example shows how you can create an instance an place it anywhere in the DOM.

    The SearchPanes are just standard DataTables, so you can add a standard click event handler like this (example here):

        $('.dtsp-searchPane table tbody').on('click', 'tr', function() {
          console.log('clicked');
        })
    

    Colin

This discussion has been closed.