2017-01-24 3 views
0

Мой вопрос похож на this questionщ сетки удалить меню сортировки и выравнивания заголовков столбцов в крайнее правое

Я хочу, чтобы удалить из выпадающего меню в верхней части заголовков столбцов, но я также хочу, чтобы выровнять текст заголовков столбцов на правой стороне.

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

В настоящее время, когда я пытаюсь сделать это, морковь исчезает, но по-прежнему пустой на правой стороне каждого заголовка столбца. Таким образом, текст по-прежнему не выровнен по правому краю.

enter image description here

Как сделать так, чтобы морковь для меню исчезает, и заголовки столбцов выталкиваются к дальнему правой границе без какого-либо дополнительного пространства между текстом и границей столбцов?

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

ответ

0

Попробуйте это:

Для выравнивания правой и 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

+0

Это то, что я пытался. Даже в вашем ответе у вас такая же проблема. Заголовок не совсем подходит к правой границе, есть много пробелов – user2719805

+0

@ user2719805, вы можете предоставить свойство 'margin-right' в' .ui-grid-header-cell' –

+0

Это все еще не устраняет проблему – user2719805