Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 当列的大小调整为且文本显示省略号时,如何使角度UI网格的排序图标可见?_Css_Angular Ui Grid - Fatal编程技术网

Css 当列的大小调整为且文本显示省略号时,如何使角度UI网格的排序图标可见?

Css 当列的大小调整为且文本显示省略号时,如何使角度UI网格的排序图标可见?,css,angular-ui-grid,Css,Angular Ui Grid,我希望在调整标题大小时,在省略号之后显示排序图标(对列进行排序时) 像这样的, 我已尝试将跨度元素作为目标 .ui单元格内容 尝试了各种组合,但都没有成功。我相信这不是什么复杂的事情,但就是想不出来 有人能告诉我如何达到同样的效果吗 这里是图标元素,因为图标元素是内联的,所以它的行为类似于文本并被省略。您只需将其从正常流中取出。您可以将position:absolute添加到图标中,然后从那里播放 .ui-grid-cell-contents i.ui-grid-icon-up-dir, .u

我希望在调整标题大小时,在省略号之后显示排序图标(对列进行排序时)

像这样的,

我已尝试将跨度元素作为目标

.ui单元格内容

尝试了各种组合,但都没有成功。我相信这不是什么复杂的事情,但就是想不出来

有人能告诉我如何达到同样的效果吗


这里是图标元素,因为图标元素是内联的,所以它的行为类似于文本并被省略。您只需将其从正常流中取出。您可以将
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;
}

另一方面,当标题排序时,您可能希望在标题右侧添加一些填充,以便该图标不会与文本重叠。您可能需要使用一些样式,但这至少会让您看到它。我想您建议的是一个好的解决方案。让我试试这个,然后再打给你。我检查过了。到目前为止,它的工作,但需要发挥周围的造型。。谢谢你的信息!