I stumbled upon this thread while looking for just this solution.
A bit of experimenting resulted in this (in the Change event handler):
// get the grid etc...
if
(grid !=
null
) {
var
sorts = grid.dataSource.sort();
$(grid.thead).find(
"th > a > .sort-order"
).remove();
for
(
var
i = 0, len = sorts.length; i < len; i++) {
var
x = sorts[i];
$(
"th[data-field='"
+ x.field +
"'] > a"
).append(
"<span class='sort-order'>"
+ (i + 1) +
"</span>"
);
}
}
The corresponding css is:
.sort-order {
float
:
right
;
text-align
:
right
;
color
:
#111111
;
/* or whatever... */
}
I don't know if this is the best way but it seems to work (I'm still testing).