我正在使用jqGrid并且有3列无法排序.此时,当用户将鼠标悬停在标题上时,无论排序设置为true还是false,光标都会变为手形.我希望那个光标不是那些列头上的手(文本或指针).用这种方式让用户感到困惑.这是可以设置的吗?
谢谢,马克
我需要更改jqgrid的默认排序图标.目前,它为每列显示了向上和向下箭头.如何将其替换为单击图标时更改的图标?
基本上,图标应在升序,降序和未分类之间切换.
解
使用Oleg的答案我将默认的双箭头图标更改为单个红色向上或向下箭头,在排序时切换.
该jqGrid被包裹在一个div与SearchResult所 class.
这使标题图标变为红色:
.searchResults .ui-state-default .ui-grid-ico-sort.ui-icon
{
background-image: url("../images/ui-icons_cd0a0a_256x240.png");
}
Run Code Online (Sandbox Code Playgroud)
当只显示一个图标而另一个图标隐藏时,这会使图标居中:
.searchResults .ui-jqgrid .ui-icon-asc, .searchResults .ui-jqgrid .ui-icon-desc
{
height:12px;
margin-top:0px;
}
Run Code Online (Sandbox Code Playgroud)
这会隐藏非活动排序图标:
.searchResults .ui-state-disabled.ui-icon-desc, .searchResults .ui-state-disabled.ui-icon-asc
{
display: none;
}
Run Code Online (Sandbox Code Playgroud)