使用排序指示器显示省略号

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==); 
}