2016-07-20 2 views
2

Я увеличил размер шрифта на моих ячейках сетки со следующим CSS:jqgrid расстояния вокруг каждой ячейки при увеличении размера шрифта

.ui-jqgrid .ui-jqgrid-view { 
    font-size: 14px; 
} 

Теперь интервал вокруг текста в каждой отдельной клетке мало. Как увеличить это пространство, чтобы больший текст отображался правильно в каждой ячейке?

Спасибо Перед рук

Update # 1

Я добавил следующее CSS согласно предложению Олега:

.ui-jqgrid .ui-jqgrid-htable th { 
    padding: 5px 1em 5px 1em; 
} 
.ui-jqgrid tr.jqgrow > td, 
.ui-jqgrid tr.jqgroup > td, 
.ui-jqgrid tr.jqfoot > td, 
.ui-jqgrid tr.jqfoot > td, 
.ui-jqgrid tr.jqgfirstrow > td { 
    padding: 5px 1em 5px 1em; 
} 

Но я получаю смелую линию на верхней части первая запись, как показано здесь:

bold_line

ответ

2

Попробуйте добавить следующие правила CSS

.ui-jqgrid .ui-jqgrid-htable th { 
    padding: 0 .5em 0 .5em; 
} 
.ui-jqgrid tr.jqgrow > td, 
.ui-jqgrid tr.jqgroup > td, 
.ui-jqgrid tr.jqfoot > td, 
.ui-jqgrid tr.jqfoot > td, 
.ui-jqgrid tr.jqgfirstrow > td { 
    padding: 0 .5em 0 .5em; 
} 

Вы можете заменить .5 (0.5) в любое другое значение, чтобы иметь pagging, которое вам нужно.

+0

Олег, спасибо, что сработал, но вы можете увидеть обновление № 1 выше. Я получаю толстую линию на первой записи. Спасибо. –

+0

@RobertSmith: Добро пожаловать! Вы также устанавливаете 'padding-top' и' padding-botom'. Вы можете сделать это во всех строках с исключением 'tr.jqgfirstrow'. Вы должны исправить свои настройки и использовать, например, '.ui-jqgrid tr.jqgfirstrow> td {padding: 0 1em 0 1em; } 'hold' padding: 5px 1em 5px 1em; 'на всех остальных строках. – Oleg

+0

Олег, который работал потрясающе! Благодаря! –

Смежные вопросы