Hard to Resize Column When Grid Enables Filtering and Sorting

[sushengloongMember]

Hi,

I find it extremely hard to click and drag column divider to resize column when the grid has enabled sorting and filtering, especially in Internet Explorer 8. It appears to me that there is a mouseover event conflict between the sorting arrow and the column divider as both items are very near to each other. I skimmed through the demo but cannot find a grid with both column resizing and sorting+filtering features. Has anyone encountered the same issue? Thanks!

Thanks,
Sheng Loong

[hganpuleMember]

Even I am facing the same issue, in FF

I tried setting properties
– columnresize for the entire grid
– resizable for each column

but resizing event/effect is not applied
I can see the the resizing cursor but nothing is happening.

Thanks
Hemant Ganpule

[Peter StoevKeymaster]

The Grid resizing requires this file: jqxgrid.columnsresize.js. It will not work without it. The resizing is not dependent on the filtering and sorting and works fine when they are enabled. However, you should begin to resize a column when the cursor is changed to ‘resize’ cursor and the mouse pointer should be over the column’s border.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[sushengloongMember]

Hi Peter,

Thank you for the reply. Really appreciate it.

I did include jqxgrid.columnsresize.js. Having said that, I find it really hard get the cursor changed to ‘resize’ mode as the column’s border is too near to the header menu for column sorting. In IE 8, when my cursor is changed to ‘resize’ cursor, I have to even click and drag the cursor downwards a bit before I can move leftwards and rightwards.

In addition, is it possible to click and drag the column’s border in the grid body (not the header) for resizing instead?

Thanks
Sheng Loong

[Author]

Posts