column menu dropdown contents not adjusting on menu width change

[adamParticipant]

Hi,

I am trying to increase the width of the column menu dropdown in a jqxGrid but the contents are not adjusting to the menu width. How can I adjust the contents too when changing the menu width. I changed the menu width using:

columnmenuopening: function (menu, datafield, height) {
      menu.height(300);
      menu.width(380);
 },

Thank you.

[MartinParticipant]

Hello adam,

You could use css for adjusting the contents’ width.
Please, take a look at the following Example.

Best Regards,
Martin

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

[adamParticipant]

Thank you Martin for your reply and the example. The example is fine for that type of filter, however it is not possible to alter css to increase width for checkedlist filter. One instance is when the values are few and the other many when you have a checkedlist filter. Please change the example you provided by making one of the columns to filtertype: ‘checkedlist’ and also try three instances, first where you have horizontal scrollbar and vertical, then where you have horizontal but no vertical scrollbar and last where you have vertical scroll bar but no horizontal. Also cannot control scroll icon to move past the set.

Much help will be appreciated. Thank you

[MartinParticipant]

Hello adam,

Please, take a look at the updated Example.
The first column’s filtertype is set to ‘checkedlist’. In this case, you can set the width of the jqxListBox inside, on columnmenuopening.

Best Regards,
Martin

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

[adamParticipant]

Thank you so much Martin for the example, works perfectly. Really appreciate it.
The columnmenuopening property is so useful and the fact that one of the parameters is datafield means I can make the width changes for various columns conditional to prevent exceptions in Id not being found.

Thank you again for your help.

[Author]

Posts