Мне нужно изменить значки сортировки по умолчанию для 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;
}