jQuery Grid Plugin - jqGrid - Topic: ui-jqgrid-sortable class is applied to unsortable columns http://www.trirand.com/blog/?page_id=393/bugs/ui-jqgrid-sortable-class-is-applied-to-unsortable-columns Simple:Press Version 5.7.5.3 wayne.moir on ui-jqgrid-sortable class is applied to unsortable columns http://www.trirand.com/blog/?page_id=393/bugs/ui-jqgrid-sortable-class-is-applied-to-unsortable-columns#p27014 Bugs http://www.trirand.com/blog/?page_id=393/bugs/ui-jqgrid-sortable-class-is-applied-to-unsortable-columns#p27014 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;">&nbsp;</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.

]]> Wed, 25 Jul 2012 11:11:05 +0300