jquery - 如果列宽小于免费 jqgrid 中的标题，如何显示排序顺序

Question

jqgrid 允许使用列标题中的单击对列进行排序，并在加载时设置默认排序顺序。排序图标使用

定义

  $grid.jqGrid({
     viewsortcols : [false,'vertical',true],

排序图标和方向显示在列标题之后。如果列宽小于其标题，则不会显示排序图标。

无法确定列是否排序以及排序方向。

如何解决这个问题，以便小宽度的列也能显示排序顺序？是否可以在标题前放置排序图标或使用其他方式(如下划线或颜色或粗体)向用户提供窄列的反馈？

在 how to undeline sorted column header in jqgrid 中回答显示如何使用下划线或标题背景。

在 jqGrid, setting bg color on column cells when column header is clicked 中回答显示如何在排序时更改列背景。

两个答案都使用了额外的 javascript 和 css 样式。

这些答案是进入 free-jqgrid 的方式还是有更好的解决方案，例如一些内置选项？

Answer 1

可能使用选项 sortIconsBeforeText: true(参见 the answer)可能是您问题的实际解决方案。该选项从 4.9.1 版开始存在(请参阅 the readme )。参见 the issue这是引入选项的起源。