Prime faces數據表（V 3.4）Sort Column Without Without圖標

我在我的應用程序中使用primefaces數據表，根據業務用戶的要求，他們想通過點擊列標題進行排序而不是'<>'排序圖標，但'/ \'或'/'圖標仍然可以在sorting.how中自定義primefaces css屬性？我試圖修改這個CSS屬性，但無法得到正確的結果。Prime faces數據表（V 3.4）Sort Column Without Without圖標

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

}

來源

2012-09-20 Bernad Ali

試試這個，'的jQuery（'＃yourTableId日的.ui可排序-column-icon'）。css（{「display」：「none」}）;' – Daniel

謝謝@丹尼爾，我可以隱藏圖標，但需要始終點擊它放置在前面的角落。使列標題可排序？ –

單擊標題中的任意位置，它將被排序，圖標只是可視化器而不是排序事件的目標。 http://www.primefaces.org/showcase-labs/ui/datatableSorting.jsf –

將這個CSS文件中

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

，或者相反，把這個在您的JS文件

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

來源

2012-09-20 09:18:49 Daniel

添加：#yourTableId th .ui-icon-triangle-1-n {display：inline-block！important; }和#yourTableId th .ui-icon-triangle-1-s！important; }到css將允許/ \和\ /被顯示在排序上，隱藏未排序的插入符號。 – bartelski

Prime faces數據表（V 3.4）Sort Column Without Without圖標

回答

相關問題