Guriddo » Topic: Problems with Column Sorting

Problems with Column Sorting

Guriddo
Problems with Column Sorting

This topic has 4 replies, 4 voices, and was last updated 14 years, 5 months ago by GV.

Creator

Topic
January 18, 2012 at 12:14 am #79531
GrandSlambert
Participant
I have a couple issues with column sorting that I would like to see if there is a workaround for.
1. When a column is marked as unsortable, the column header still highlights on hover and still has the cursor as the others do for sorting. I would like neither to happen when sorting. Why does jqGrid ad the 'ui-jqgrid-sortable' class to columns that are not sortable?
2. On the columns that I can sort, I want to change the sorting icons and always display them. We use a double arrow to indicate that a column can be sorted, and a single up or down arrow to indicate which column the data is currently sorted on and whether the sort is asc or desc. I am sure I can change the icons easily, but do not see how I can make the double arrows show when the column is not sorted.
Thanks in advance for any advice.
Creator

Topic

Viewing 4 replies - 1 through 4 (of 4 total)

Author

Replies
January 18, 2012 at 12:34 am #99375

OlegK
Participant

I understand the problem. I described the workaround in the old answer. To display the sorting icons on the sortable columns always you can follow my other recent answer. You will get the grid like

or like

Whether such look will be supported by jqGrid as new feature should decide Tony.

Best regards
Oleg

January 18, 2012 at 12:58 am #99376

GrandSlambert
Participant

Well, that takes care of a big part of it. The column headers still change colors on the hover which they should not do. Your example sends me in the right direction though so I will keep working on it.

Now the problem is that jqGrid uses two different spans for the up and down arrows, so I cannot do what I want in 1 above. The rest of the site uses a larger up or down arrow on the sorted column, and the smaller double arrow on unsorted columns. I will have to play with the CSS more I guess.

February 14, 2012 at 6:13 pm #99492

GV
Participant

from grid-base.js

line:2124

February 14, 2012 at 7:49 pm #99490

tony
Keymaster

Hello,

Thanks Oleg for the example – I will see if I can include it.

The reason for these settings is simple – using the current approach the sorting can be changed dymamically with just a simple command

$(“#grid”).jqGrid('setColProp', 'colname', {soratable: false});

I find this feature more important than not to have sortable cursor.

In the Oleg's link here there is some very simple solution

th.unsortableclass {

cursor: default;

}

Apply this cass to the not sortable columns.

Regards
Author

Replies