如何更改JQ Grid中的字体，字体大小和字体颜色？

Question

我想将网格的所有字体更改为Arial。更改标题字体粗细，并将标题颜色设置为蓝色。所有字体的大小将为12px。

Answer 1

确切的更改可能取决于jqGrid的版本和您使用的fork。 Ch进行你要求你应该使用CSS的更改

.ui-jqgrid {
    font-family: Arial;
}
.ui-jqgrid > .ui-jqgrid-view {
    font-size: 12px;
}
.ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-labels .ui-th-column {
    color: blue;
}

如果您使用filterToolbar，则需要添加

.ui-jqgrid > .ui-jqgrid-view input,
.ui-jqgrid > .ui-jqgrid-view select,
.ui-jqgrid > .ui-jqgrid-view textarea,
.ui-jqgrid > .ui-jqgrid-view button {
    font-size: 12px;
}

此外。更改字体大小后，您可能希望更改网格中使用的某些padding值。

The demo使用免费的jqGrid 4.9并设置red颜色而不是blue，以便在我使用的jQuery UI主题上更清晰地显示结果。

Answer 2

table{
 font-family:'Arial', Helvetica, sans-serif;
 font-size:12px;
}
th{
 color:blue;
 font-weight:bold;
}

您可以像任何其他html元素一样更改JQ网格的样式。