Skip to main content
Aviso eliminado Mejorar los detalles por Diego Avila
Recompensa finalizada con Kiko_L's answer elegida por Diego Avila
se eliminaron 35 caracteres en el cuerpo
Origen Enlace
Shaz
  • 29.2k
  • 18
  • 40
  • 61

Saludos deseoDeseo aplicar estilo a los headers de jqgrid de la siguiente manera: estilos_Actuales

Como se ve actualmente si se aplican los estilos de color verde y letras blancas, el problema es que se aplica a todos los headers tengan o no contenido, como podria solo aplicar a los headers que contengan texto o contenido, el codigo que aplico es el siguiente:

  .ui-th-div {
   
    display: inline-block;
    background-color:#00a65a !important;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border-radius: 10px;
    
}

Declaracion Jqgrid:

     <div style="widows: 100px; overflow:auto;">
        <table id="gridOrdenesPedido"></table>
      </div>
      <div id="pagerOrdenesPedido" style="color:black"></div>

Como es de conocimiento Jqgrid se encarga de crear automaticamente toda la estructura de la grilla referencia:

Jqgrid Ejemplo

Gracias de antemano..!!

Saludos deseo aplicar estilo a los headers de jqgrid de la siguiente manera: estilos_Actuales

Como se ve actualmente si se aplican los estilos de color verde y letras blancas, el problema es que se aplica a todos los headers tengan o no contenido, como podria solo aplicar a los headers que contengan texto o contenido, el codigo que aplico es el siguiente:

  .ui-th-div {
   
    display: inline-block;
    background-color:#00a65a !important;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border-radius: 10px;
    
}

Declaracion Jqgrid:

     <div style="widows: 100px; overflow:auto;">
        <table id="gridOrdenesPedido"></table>
      </div>
      <div id="pagerOrdenesPedido" style="color:black"></div>

Como es de conocimiento Jqgrid se encarga de crear automaticamente toda la estructura de la grilla referencia:

Jqgrid Ejemplo

Gracias de antemano..!!

Deseo aplicar estilo a los headers de jqgrid de la siguiente manera: estilos_Actuales

Como se ve actualmente si se aplican los estilos de color verde y letras blancas, el problema es que se aplica a todos los headers tengan o no contenido, como podria solo aplicar a los headers que contengan texto o contenido, el codigo que aplico es el siguiente:

  .ui-th-div {
   
    display: inline-block;
    background-color:#00a65a !important;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border-radius: 10px;
    
}

Declaracion Jqgrid:

     <div style="widows: 100px; overflow:auto;">
        <table id="gridOrdenesPedido"></table>
      </div>
      <div id="pagerOrdenesPedido" style="color:black"></div>

Como es de conocimiento Jqgrid se encarga de crear automaticamente toda la estructura de la grilla referencia:

Jqgrid Ejemplo

Aviso añadido Mejorar los detalles por Diego Avila
Recompensa iniciada por un valor de 50 de reputación por Diego Avila
se añadieron 403 caracteres en el cuerpo
Origen Enlace
Diego Avila
  • 5.5k
  • 6
  • 21
  • 48

Saludos deseo aplicar estilo a los headers de jqgrid de la siguiente manera: estilos_Actuales

Como se ve actualmente si se aplican los estilos de color verde y letras blancas, el problema es que se aplica a todos los headers tengan o no contenido, como podria solo aplicar a los headers que contengan texto o contenido, el codigo que aplico es el siguiente:

  .ui-th-div {
   
    display: inline-block;
    background-color:#00a65a !important;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border-radius: 10px;
    
}

Declaracion Jqgrid:

     <div style="widows: 100px; overflow:auto;">
        <table id="gridOrdenesPedido"></table>
      </div>
      <div id="pagerOrdenesPedido" style="color:black"></div>

Como es de conocimiento Jqgrid se encarga de crear automaticamente toda la estructura de la grilla referencia:

Jqgrid Ejemplo

Gracias de antemano..!!

Saludos deseo aplicar estilo a los headers de jqgrid de la siguiente manera: estilos_Actuales

Como se ve actualmente si se aplican los estilos de color verde y letras blancas, el problema es que se aplica a todos los headers tengan o no contenido, como podria solo aplicar a los headers que contengan texto o contenido, el codigo que aplico es el siguiente:

  .ui-th-div {
   
    display: inline-block;
    background-color:#00a65a !important;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border-radius: 10px;
    
}

Gracias de antemano..!!

Saludos deseo aplicar estilo a los headers de jqgrid de la siguiente manera: estilos_Actuales

Como se ve actualmente si se aplican los estilos de color verde y letras blancas, el problema es que se aplica a todos los headers tengan o no contenido, como podria solo aplicar a los headers que contengan texto o contenido, el codigo que aplico es el siguiente:

  .ui-th-div {
   
    display: inline-block;
    background-color:#00a65a !important;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border-radius: 10px;
    
}

Declaracion Jqgrid:

     <div style="widows: 100px; overflow:auto;">
        <table id="gridOrdenesPedido"></table>
      </div>
      <div id="pagerOrdenesPedido" style="color:black"></div>

Como es de conocimiento Jqgrid se encarga de crear automaticamente toda la estructura de la grilla referencia:

Jqgrid Ejemplo

Gracias de antemano..!!

Origen Enlace
Diego Avila
  • 5.5k
  • 6
  • 21
  • 48

Aplicar estilo solo a text Jqgrid

Saludos deseo aplicar estilo a los headers de jqgrid de la siguiente manera: estilos_Actuales

Como se ve actualmente si se aplican los estilos de color verde y letras blancas, el problema es que se aplica a todos los headers tengan o no contenido, como podria solo aplicar a los headers que contengan texto o contenido, el codigo que aplico es el siguiente:

  .ui-th-div {
   
    display: inline-block;
    background-color:#00a65a !important;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border-radius: 10px;
    
}

Gracias de antemano..!!