增加字体大小时每个单元格周围的 jqgrid 间距
jqgrid spacing around each cell when increasing font size
我使用以下 css 增加了网格单元格上的字体大小:
.ui-jqgrid .ui-jqgrid-view {
font-size: 14px;
}
现在每个单元格中文本周围的间距很小。如何增加 space 以便更大的文本在每个单元格中正确显示?
提前致谢
更新#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;
}
但是我在第一条记录的顶部看到了一条粗线,如下所示:
尝试添加以下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
) 替换为任何其他值以获得您需要的分页。
我使用以下 css 增加了网格单元格上的字体大小:
.ui-jqgrid .ui-jqgrid-view {
font-size: 14px;
}
现在每个单元格中文本周围的间距很小。如何增加 space 以便更大的文本在每个单元格中正确显示?
提前致谢
更新#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;
}
但是我在第一条记录的顶部看到了一条粗线,如下所示:
尝试添加以下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
) 替换为任何其他值以获得您需要的分页。