增加字体大小时,每个单元格周围的jqgrid间距

时间:2016-07-20 20:14:33

标签: jqgrid

我使用以下css增加了网格单元格的字体大小:

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

现在每个单元格中文本的间距很小。如何增加该空间,以便在每个单元格中正确显示更大的文本?

先谢谢

更新#1

根据Oleg的建议,我添加了以下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

1 个答案:

答案 0 :(得分: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;
}

您可以将.50.5)替换为任何其他值,以获得所需的内容。