Show search box in the toolbar

[r.martinezParticipant]

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.

[HristoParticipant]

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

[r.martinezParticipant]

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.

[HristoParticipant]

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

[Author]

Posts