JqDBGrid Change row select color and font size

<< Click to Display Table of Contents >>

Navigation:  Forum >

JqDBGrid Change row select color and font size

Forum link

 


 

12-15-2021, 06:22 PM:

 

Is there CSS I can use to change the row select color, font size and row width.

 


 

12-23-2021, 08:45 PM:

 

You can change lots of things in jQGrids using CSS but some are not exactly straightforward.

 

You can add this to your IWForm's ExtraHeader property, for instance:

 

<style>

 

.ui-jqgrid,

 

.ui-jqgrid .ui-jqgrid-view,

 

.ui-jqgrid .ui-jqgrid-pager,

 

.ui-jqgrid .ui-pg-input {

 

font-size: 24px !important;

 

}

 

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {

 

background-color: yellow

 

}

 

Everything in the grid, including the line height will scale accordingly.