Search code examples
jquerycssjqgridzebra-striping

Change CSS of rownumber value in jqGrid

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?

Enter image description here

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?

Solution

  • 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:

    enter image description here