如何使排列圖標可見的Angular UI網格列調整大小和文本顯示省略號？

Question

我想要的那種圖標可見（當列進行排序）每當頭大小

事情是這樣的省略號後，

我試圖目標下的span元素

.ui-cell-contents

並嘗試過各種組合，但都是徒勞的。我相信這並不複雜，但無法弄清楚。

有人可以好心地讓我知道如何實現相同？

這裏是Plunk

Answer 1

因爲圖標元素是內聯的，它會像文本並ellipsised關閉。您只需將其從正常流程中取出即可。您可以將position:absolute添加到圖標並從那裏播放。

.ui-grid-cell-contents i.ui-grid-icon-up-dir, 
.ui-grid-cell-contents i.ui-grid-icon-down-dir{ 
    position:absolute; 
    right: 0; 
}