css - Prime faces Data table (V 3.4) Sort Column without Using 图标

Question

我在我的应用程序中使用 primefaces 数据表，根据业务用户的请求，他们希望通过单击列标题而不是“<>”排序图标进行排序，但仍然可以看到“/\”或“/”图标在排序期间。如何自定义 primefaces css 属性？我试图修改这个 css 属性，但无法得到正确的结果。

 .ui-icon {
width: 16px;
height: 16px;
background-image:none ;
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat:repeat;

}

Answer 1

把它放在你的 CSS 文件中

#yourTableId th .ui-sortable-column-icon{
    display : none;
}

或者，将其放在您的 JS 文件中

jQuery('#yourTableId th .ui-sortable-column-icon').css({"display":"none"});