Angular 6.1.6 – sortable and filterable jqxGrid without showsortmenuitems

[tihomirParticipant]

I need all column to be sortable and without showsortmenuitems, and only some columns to be filterable.

Short example: First column ‘First Name’ should be filterable, but second column should not be filterable.
Grid is set as sortable, filterable with showsortmenuitems set to false, in column definitions ‘Last name’ as filterable: false.

PROBLEM: Column ‘Last name’ is with sortmenuitem icon despite grid is set without showsortmenuitems. Additionally, by clicking on ‘Last name’ column menu, a divider is displaying without any options.

SHOULD BE: Column/grid without showsortmenuitems should not showing sortmenuitem icon.

Code example:
https://stackblitz.com/edit/github-i5wkkn

[HristoParticipant]

Hello tihomir,

Thank you for this feedback.
You could set style settings to clear this icon from the view.
Please, take a look at this example.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[tihomirParticipant]

Hello Hristo,

Thank you for your answer.

With your solution there are some additional unwanted effects:
-if column is sorted then sort icon is moving to the left in column header on mouseenter, and is moving to the column header right edge on mouseleave,
-if column is sorted then sort icon is positioned to much to the left from the column header right edge
-if user clicks on unvisible icon (space between sort icon and right column header edge) then column sort menu is still showing

Your solution just not shows sort icon, but column sort menu still pop-ups on mouse click.

How to prevent displaying column sort menu on mouse click?

Tihomir

[HristoParticipant]

Hello tihomir,

The mentioned example is a try for work-around.
I already create a work item for this case.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts