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