jQuery UI Widgets Forums DataTable Show search box in the toolbar

This topic contains 3 replies, has 2 voices, and was last updated by  Hristo 7 years, 8 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Show search box in the toolbar #92080

    r.martinez
    Participant

    Hello,

    I’m working in an app that has a complex layout with lots of information.

    One of the layouts components is a jqxDataTable with Toolbar and SearchBox (simple) enabled.

    In order to have more space available, we would like to have the input textbox to do the search in the toolbar, or at least next to, forming only one row the toolbar & the search box.

    How can we do that?

    Best regards.

    Show search box in the toolbar #92087

    Hristo
    Participant

    Hello r.martinez,

    When you use filterable: true and do not set anything else (by default filterMode is “default”), the toolbar has a dropdown with options of different columns and one search field – as in this “Filtering” demo.
    You could use filterMode: "simple" then the DataTable will have only one search field that will search in all columns.
    If this does not help you please clarify this (could describe what you want to achieve)?

    Best Regards,
    Hristo Hristov

    jQWidgets team
    http://www.jqwidgets.com

    Show search box in the toolbar #92093

    r.martinez
    Participant

    Hi, Thanks, but we are already using filterable = true and filterMode is default. The search box is rendered as expected, the problem is the search box is rendered in a specific toolbar for the search, just one “row” after the toolbar of the datatable.

    What we want is to have only one toolbar. Currently we have one toolbar (standard datatable toolbar) with buttons, comboboxes, etc….and just under this toolbar we have the search “toolbar” input box. We want to have this input search in the previous one toolbar. And not display the “search toolbar”

    Regards.

    Show search box in the toolbar #92123

    Hristo
    Participant

    Hello r.martinez,

    You could use renderToolbar callback and do customizations in the desired way.
    Please, take a look at this example.
    (You should add filtering logic and this demo could be useful for that purpose.)

    Best Regards,
    Hristo Hristov

    jQWidgets team
    http://www.jqwidgets.com

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.