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?

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?

score 1 · Accepted Answer · edited May 23 '17 at 12:01

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:

enter image description here

edited May 23 '17 at 12:01

Community

1
1

answered Aug 03 '12 at 11:27

Oleg

220,925
34
403
798

What if I want to display horizontal line to the last row only ? – Bhavik Ambani Aug 16 '12 at 11:39
@BhavikAmbani: You can set *another* style (with the border) on the last row. You can use inline styles. – Oleg Aug 16 '12 at 12:09
Please give me an example for the same. – Bhavik Ambani Aug 16 '12 at 12:36
Pleae give me example by considering the above sample code which you have prepared. – Bhavik Ambani Aug 16 '12 at 12:45

Change CSS of rownumber value in jqGrid

1 Answers1

Linked