顯示帶分號的省略號

Question

在我的小提琴中，我有三個示例，說明了如何在表頭上顯示排序指示符。

我的問題在第三欄。 當我縮小到省略號時，排序指示符在Chrome中隱藏，在IE中則位於文本上方。

鉻

IE

在顯示省略號時（與第二列類似），是否有一種方法可使排序指示器緊貼標題並保持可見 ？

我曾嘗試將指標分成自己的跨度，但似乎無法獲得帶有折疊標題的跨度。

Answer 1

對我來說，這在IE中似乎比Chrome更引人注意。 解決此問題的一種方法可能是使用CSS content屬性並將排序指示符移入該屬性，然后從.indicator-right類中刪除背景圖像。

jsFiddle示例

CSS

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