Change CSS of rownumber value in jqGrid

Question

I have changed the property of the jqGrid with rownumbers:true. Hence it is displaying the row numbers. Now I want to change the CSS of that. How can I do that?

In the above image, the CSS of the records are changed, but the CSS of the row number is not changed. Now I want to change the CSS of the row number also. How can I do that?

Answer 1

If I understand correct your requirements you can include the following CSS style to remove the background-image and background-color inherited from the CSS class ui-state-default:

.jqgrow .jqgrid-rownum { background-color: transparent; background-image: none; }

The following demo uses additionally the styles from the answer on your previous question. The displayed results looks like on the following picture: