SanthoshKumar SanthoshKumar - 1 year ago 220
jQuery Question

Remove selected row highlight in jqGrid

I need to remove the selected row

( 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

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

But my

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


is not getting fired.

When i tried using the below

.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 Source



Removes the default highlight.