使用排序指示器顯示省略號

Question

In my fiddle我有三個如何在表頭上顯示排序指示符的例子。

我的問題是在第三列。當我縮小到省略號時，排序指示器隱藏在Chrome中，在IE中它被放置在文本的頂部。

鉻

IE

有沒有辦法有一個與標題排序指標住宿舒適和保持可見當顯示省略號（類似於第二列）？

我試過把指標分解成它自己的範圍，但我似乎無法得到與標題的跨度崩潰。

Answer 1

對我來說，這在IE中比Chrome更引人注目。解決這個問題的方法之一可能是使用CSS content屬性，並將排序指示符移入該指示符中，並從.indicator指定的類中移除背景圖像。

jsFiddle example

CSS

.indicator-right:after { 
    content:url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); 
}