Problem with filter menu box

[sathiyaseelan8Participant]

hi,

i have enabled filter method on my grid, but the filter menu box looks too small. Please view the image below:
https://drive.google.com/file/d/1bVSs5mIlwTlS4Q9-5Z0nktkHYPlsD77x/view?usp=sharing

Is there any solution for this??

thanks.

[MartinParticipant]

Hello sathiyaseelan8,

Can you please, send your code as I could not figure out what the problem could be just from the picture?
Thank you!

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[sathiyaseelan8Participant]

hi Martin,

thank you for the reply. here is my code:

var ticketsViewGrid = function()
	{
		var year 	= $('#year').val();
		var month 	= $('#month').val();

		// prepare chart data as an array  
	    var source =
	    {
	        dataType: "json",
	        dataFields: [
	            { name: 'id', type: 'int' },
	            { name: 'subject', type: 'string' },
	            { name: 'username', type: 'string' },
	            { name: 'ticket_status', type: 'string' },
	            { name: 'priority', type: 'string' },
	            { name: 'country', type: 'string' },
	            { name: 'created_datetime', type: 'date' }
	        ],
	        url: '/ajax/ajaxticketsViewGrid',
	        data: {
	        	year: year,
	        	month: month
	        },
	        sortcolumn: 'id',
            sortdirection: 'desc'
	    };

	    var dataAdapter = new $.jqx.dataAdapter(source, { async: false, autoBind: true, loadError: function (xhr, status, error) { alert('Error loading "' + source.url + '" : ' + error); } });

	    $("#grid").jqxGrid(
	    {
	    	theme: theme,
	        source: dataAdapter,
	        width: '100%',
	        autoheight: true,
	        pageable: true,
	        sortable: true,
	        showsortmenuitems: false,
	        filterable: true,
	        /*columnmenuopening: function (menu, datafield, height) {
	            menu.width(200);
	        },*/
	        columns: [
	          { text: 'Id', datafield: 'id', width: '5%'},
	          { text: 'Subject', datafield: 'subject', width: '40%' },
	          { text: 'Priority', datafield: 'priority', width: '10%' },
	          { text: 'Country', datafield: 'country', width: '10%' },
	          { text: 'Requester', datafield: 'username', width: '10%' },
	          { text: 'Status', datafield: 'ticket_status', width: '10%' },
	          { text: 'Requested Date', datafield: 'created_datetime', cellsformat: 'ddd, MMM dd, yyyy', width: '15%' },
	        ]
	    });
	}

[MartinParticipant]

Hi sathiyaseelan8,

I created a demo with your code, just changing the data with a hard coded array and the filter menu is working fine.
So, it seems that the problem is coming from somewhere else.

Here is a link to the Demo

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[sathiyaseelan8Participant]

hi martin

i couldn’t able to see the demo. is that the correct link?

[MartinParticipant]

Hi sathiyaseelan8,

I’m sorry! Can you try again, now?

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts