SanthoshKumar SanthoshKumar - 4 months ago 75
jQuery Question

Remove selected row highlight in jqGrid

I need to remove the selected row

hightlight
( the yellow color) from the grid and the selcted cell to be highlighted. It just needs to be plain. Since i'm working on the functionality of
cell highlight
i dont want to highlight the row.

I tried using the below
event
,

beforeSelectRow: function(rowid, e) {
return false;
},


But my
event


onCellSelect: function (rowid,iCol,cellcontent,e) {

},


is not getting fired.

When i tried using the below
css
,

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
border: 1px solid red !important; // Desirable border color
background: none !important; // Desirable background color
color: black !important; // Desirable text color
}


the selected row has borders showing red color on each cell and a light gray row highlight which doesn't look good.

I need a simple proper wa to get rid of the row highlight and to highlight the selected cell.

Answer

http://jsfiddle.net/nitincool4urchat/yNw3C/9234/

Adding

.ui-state-highlight{
     border:none!important;
    background:none!important;
}

Removes the default highlight.

Comments