¿Cómo cambiar el tamaño de la fuente en jqGrid?

Question

Ya se está ejecutando con la ui-ligereza. ¿Cómo cambio el tamaño de la fuente dentro de la grilla?

Por favor, asesorar.

Gracias.

Answer 1

Hay una publicación excelente acerca de esto en el jqGrid Forum.

Esencialmente puede hacer lo que Mano sugiere y modificar el archivo css directamente, o puede crear su propio estilo en línea si necesita más flexibilidad. Por ejemplo:

.ui-jqgrid {font-size:0.8em} 

Si crea un estilo en línea es posible que necesite para que sea más específica para recoger filas de cuadrícula:

.ui-jqgrid tr.jqgrow td {font-size:0.8em} 

Answer 2

La primera línea en ui.jqgrid.css es la siguiente:

.ui-jqgrid{position:relative;font-size:11px;} 

Cambiar el tamaño de fuente a lo que necesita.

Answer 3

También puede dar formato a una columna específica rejilla refiriéndose a ella en su CSS personalizado por el nombre de la grilla y use la propiedad aria-describedby para apuntar a la columna específica. Por ejemplo:

#Mygrid td[aria-describedby="Mygrid_myspecialcolumnname"] { font-size: 14px; }

Puede leer más sobre aria-describedby aquí: http://www.w3.org/TR/WCAG-TECHS/ARIA1.html

Answer 4

poco hice esto para la versión 4.5.4 del jqGrid, y tuvo que anular más que el padre .ui-jqgrid selector. En este ejemplo, quería todo el texto en cualquier lugar de la red para ser 12px frente al defecto de 11px:

/* Bump up the font-size in the grid */ 
.ui-jqgrid, 
.ui-jqgrid .ui-jqgrid-view, 
.ui-jqgrid .ui-jqgrid-pager, 
.ui-jqgrid .ui-pg-input { 
    font-size: 12px; 
} 

Tenga en cuenta que esto se hizo en un archivo CSS independiente, no editando directamente el archivo CSS envasados.

Answer 5

En la última versión - Guriddo_jqGrid_JS_4.8.2, a finde para cambiar el estilo de fuente de elementos de rejilla fila, sólo este cambio trabajó para mí - en ui.jqgrid.css

.ui-jqgrid tr.jqgroup td {font-weight: bold; font-size: 12px;}