Forum
11:11
25/07/2012
In the colModel I am specifying a column to be sortable:false, however the class of ui-jqgrid-sortable (and the accompanying sorting markup) is still applied to the div that sits inside the column header.
colModel:[
{name:'test4',index:'test4',width:30,sortable:false}
]
Results in:
<th class="ui-state-default ui-th-column ui-th-ltr" role="columnheader" id="list_test4″ style="width: 48px;">
<span class="ui-jqgrid-resize ui-jqgrid-resize-ltr" style="cursor: col-resize;"> </span>
<div id="jqgh_list_test4″ class="ui-jqgrid-sortable">Test Time Date Stamp
<span style="display:none" class="s-ico">
<span class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr" sort="asc"></span>
<span class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr" sort="desc"></span>
</span>
</div>
</th>
Rending the icons and hiding them adds unnessecary markup and page weight, but I can live with that.
Having the ui-jqgrid-sortable class when the column is not sortable means that I cannot give proper affordance to sortable columns. By this I mean that showing the pointer cursor when hovering over the header indicates to the user that something will happen if they click on it, the problem is that this also occurs when hovering over columns that are unsortable and have no user actions available.
Most Users Ever Online: 715
Currently Online:
47 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66