如何使排列图标可见的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; 
}