如果列宽小于自由jqgrid中的标题,如何显示排序顺序

时间:2015-11-18 07:14:09

标签: jquery css sorting jqgrid free-jqgrid

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,还是有更好的解决方案,e.q有些内置选项?

1 个答案:

答案 0 :(得分:1)

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