jqGrid Pager Area - Using Font Awesome Icons

Question

I would like to use Font Awesome icons:

in the jqGrid pager area instead of the physical images by

Answer 1

By looking at answer from Oleg above, I did the following to simplify things. Additional CSS

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div>span.fntawsm { margin: 0 5px; font-size: 12px; padding-left:2px;padding-right:2px;}

** padding-left:2px;padding-right:2px; is optional And this only works with icons only with no caption ...

And then just start adding fontawesome icons in navButtonAdd like

caption:"", // important for above
title:"Give any",
buttonicon:"fntawsm icon-remove"
buttonicon:"fntawsm icon-eject icon-rotate-90"

etc .. You can use all extra functionality from font-awesome like icon-rotate-XX too. Thisway i did`nt have to remove ui-icon class from spans.