For sorting, I would like to show only one arrow aligned with the column header. I noticed that viewsortcols allows you to put the arrows horizontally (aligned nicely), but I was wondering if there were any tricks to just use a single arrow. If sorted one way it points up, the other way it points down.
I came across this grid that is doing it…but was having a little trouble understanding their code. I do not need to use custom arrows.
The code example which you reference uses very old version of jqGrid (version 3.4.3). So it can have another behavior of sorting.
One day I misunderstand one question and have answered on exactly your question. You find the answer here. It uses the demo which create the results
and
One more answer could be also interesting for you.
UPDATED: If you want to change position of the sort icon you can do this by adding the CSS like the follow
It will change the icon position to
and
See the modified demo.