How can I have the following extensions on the same page?

How can I have the following extensions on the same page?

naytonnayton Posts: 16Questions: 6Answers: 0

Hi. I don't understand Javascript. So can anyone help me with an example at 'live.datatables.net' ? I would like to have the following features on the same page:
Select integration - export selected rows
Custom Search Builder

Replies

  • kthorngrenkthorngren Posts: 20,298Questions: 26Answers: 4,769
    edited September 2021

    Use the Download Builder to generate all the required include files. Basically you combine the initialization code for both extensions into one init object, like this:
    http://live.datatables.net/nopejiru/1/edit

    Note both the Q and B in the dom option to place the Search Builder and Button elements above the table.

    Kevin

  • naytonnayton Posts: 16Questions: 6Answers: 0

    Thank you very much

  • naytonnayton Posts: 16Questions: 6Answers: 0

    @kthorngren Was the code in 'live.datatables' generated automatically or did you do it? If it was automatically generated, how do I get it?

  • kthorngrenkthorngren Posts: 20,298Questions: 26Answers: 4,769
    edited September 2021

    I used these steps to build the example:

    1. Used the Download Builder to get the required JS and CSS files. Copied the CDN list at the bottom of the page into live.datatables.net, replacing the original code.
    2. Copied the Javascript code from the buttons example you linked.
    3. Added the Q to the dom option to display the Search Builder.

    Kevin

  • naytonnayton Posts: 16Questions: 6Answers: 0
    edited September 2021

    @kthorngren
    Sorry, could you explain item 3.
    what is the 'Q'?
    What is the gift option to display the Search Builder?

    thanks

  • kthorngrenkthorngren Posts: 20,298Questions: 26Answers: 4,769

    Take a look at this section of the documentation you linked to in your first post. Also take a look at the SearchBuilder docs for information of how display the Search Builder.

    Kevin

Sign In or Register to comment.