ui-grid删除排序菜单并将列标题对齐到最右侧

Question

我的问题类似于this question

我想删除列标题顶部的下拉菜单，但我还想将列标题的文本对齐到右侧。

.ui-grid-header-cell {
 text-align: right;
}

目前，当我尝试这样做时，胡萝卜会消失，但每个列标题的右侧仍有空白。所以文本仍然没有真正与右边对齐。

如何制作菜单中的胡萝卜消失，列标题被推到最右边界，文本和列边框之间没有任何额外空格？

http://plnkr.co/edit/fa4JiMUIwtpLezYA4Fw5?p=preview

Answer 1

.grid-container{ 
       .ui-grid-icon-blank{
          display: none;
        }
    }

Answer 2

试试这个：

要正确对齐header text和cell text ：

.ui-grid-header-cell .ui-grid-cell-contents {
    text-align:right;
}

仅针对标题文字对齐，请尝试：

.ui-grid-header-cell {
    text-align:right;
}

工作plnkr： http://plnkr.co/edit/1JenIGIepMWmnR1Ne5Dg?p=preview