0

I have requirement where I need to show filter controls(like textbox, checkbox, dropdonw box) in grid. Here is the sample imageenter image description here

Currently I am using datatable plugin. From this only 1 filter control column is added, but it need be more than one control per column.

Please let me know if it can be achievable by using datatable plugin. Or please let me know if any other plugin are available.

I have also explored jqgrid, jqxgrid. seems like all plugin shows only one filter control per column.

Thanks

niran
  • 1,920
  • 8
  • 34
  • 60
  • 1
    You really should explain WHY you would need multiple filters for a column so we have some direction in which to guide you please. – Mark Schultheiss Nov 13 '12 at 17:51
  • ok, at few columns we will be having search filed, where user can type in the text in input filed(this in bottom row), and at the same time user can choose options like {contains, startswith,endswith, exact} from the dropdown(this is in top row). – niran Nov 14 '12 at 04:10
  • @niran - All of these features are provided by advanced search - see my updated answer. Does that help at all? – Justin Ethier Nov 14 '12 at 16:08
  • Correct, But it is a popup. it need to be under the column header – niran Nov 14 '12 at 18:39

1 Answers1

1

jqGrid does not support a second row of filters, but it does have advanced searching which lets you achieve the same thing:

enter image description here

From here you can use the + button to add multiple filter criteria. For example you could search by Inv No == 1 OR Inv No == 2. This accomplishes what having two rows of filter toolbar would achieve, but with the power to specify AND/OR, as many criteria as necessary, etc. The UI may be more complicated than in your example, but a more advanced search necessitates such a compromise.

You can see a live demo online under Searching | Complex search.

Anyway, see the documentation for more details.

Justin Ethier
  • 131,333
  • 52
  • 229
  • 284