可以在jqgrid版本4-4-3中自定义asc desc。

Question

在将数据加载到jqgrid时，是否可以只显示asc或desc图标？我如何定制像图标的颜色？

Answer 1

主要的问题是:您使用了非常老的jqGrid版本4.4.3，它已经使用了将近5年的历史。旧的jqGrid不允许只显示一个排序图标。此外，它只允许使用旧的jQuery UI图标，该图标使用PNG图像作为图标。不能为不同的图标更改png图像的颜色，因为每个图标都是一个图像的一部分，如下所示：

​

您可以看到，上面的图像，使用雷德蒙德团队，使用蓝色的所有图标。它使您的需求实现更加复杂。

我建议您考虑升级到自由jqGrid的当前版本(4.15.1) -- jqGrid的分支，这是我在2014年底开发的。分叉与4.4.3兼容。

空闲jqGrid支持许多新的选项，比如您需要的选项showOneSortIcon: true。此外，它还允许包含字体好极了4.x font-awesome.min.css的CSS，并添加iconSet: "fontAwesome"选项来替换所有jQuery用户界面图标到基于矢量的字体中。参见这里一个用法示例。因此，您可以轻松地为任何图标指定任何颜色。例如，演示https://jsfiddle.net/OlegKi/2cgyL4qx/与showOneSortIcon: true和iconSet: "fontAwesome"选项结合使用以下CSS规则：

.ui-jqgrid .s-ico > .ui-icon-desc.fa {
    color: green;
    top: -0.3em;
}
.ui-jqgrid .s-ico > .ui-icon-asc.fa {
    color: red;
    top: 0.1em;
}

因此，asc/desc图标在下面的图片上看起来很像

​

​

空闲jqGrid包含许多其他选项，允许自定义排序图标(参见这里)。例如，可以将标准图标完全覆盖到自定义图标，并使用这些图标，例如，取决于相应列中的数据类型。您可以再试一次演示https://jsfiddle.net/OlegKi/1c7rxfLn/并检查不同列中的排序图标。您将看到3组不同的图标:用于数值、alpha和其他类型的数据。排序图标将如下图所示：

​

​

Answer 2

如果我正确理解这个问题，您可以使用网格选项viewsortcols。在这个这里的版本的文档中可以找到更多信息。