Как изменить значки сортировки столбцов для jqgrid?

Мне нужно изменить значки сортировки по умолчанию для jqgrid . В настоящее время для каждого столбца показаны стрелки вверх и вниз. Как я могу заменить его одним значком, который меняется при нажатии на него?

По сути, значок должен переключаться между восходящим, нисходящим и несортированным.


Решение

Используя ответ Олега, я изменил значки с двойной стрелкой по умолчанию быть единственной красной стрелкой вверх или вниз, которая переключается при сортировке.

jqGrid заключен в div с классом searchResults .

Значки заголовков становятся красными:

.searchResults .ui-state-default .ui-grid-ico-sort.ui-icon
{
    background-image: url("../images/ui-icons_cd0a0a_256x240.png");
}

Это центрирует значки, когда отображается только один значок, а другой скрыт:

.searchResults .ui-jqgrid .ui-icon-asc, .searchResults .ui-jqgrid .ui-icon-desc 
{
    height:12px;
    margin-top:0px;
}

Это скрывает неактивный значок сортировки:

.searchResults .ui-state-disabled.ui-icon-desc, .searchResults .ui-state-disabled.ui-icon-asc
{
    display: none;
}
5
задан GiddyUpHorsey 1 September 2010 в 23:26
поделиться