I am trying to enable filtering on a jqxGrid where it displays the input fields at the top of each column on my grid.
The fields display but you cannot click in them and I found that the cursor goes in there when you right click on them but entering text does nothing – it does not apply the filter.
Here is my grid (I do have statusbar and toolbar displayed but I removed them for the purpose of this topic as its lenthly code.
$("#jqxgrid").jqxGrid(
{
width: '100%',
height: '100%',
source: dataAdapter,
groupable: true,
sortable: true,
theme: theme,
autoheight: false,
filterable: true,
showfilterrow: true,
virtualmode: false,
rendergridrows: rendergridrows,
pageable: false,
scrollmode: 'default',
showemptyrow: false,
showtoolbar: true,
showstatusbar: true,
statusbarheight: '25px',
toolbarheight: 35,
columnsreorder: false,
autosavestate: false,
autoloadstate: false
});
I also have some data inside the rendered property but its nothing related to this issue. (Just drag drop)
For the columns, my source is specifying it as its dynamic – like:
$("#jqxgrid").jqxGrid({ columns: source.columns });