How to increase column width row number in jqGrid

Question

In my jQuery grid, I have a parameter called rownumbers .

jQuery("#dateInfo").jqGrid({ url : theURL, datatype : "json", sortable: false, colNames:['Date & Time'], colModel:[{name:'arrivalTime',index:'arrivalTime', sortable: false, align:'left', width:200, editable:true,editoptions:{size:30}}], pager : '#dateInfojsonmap', rownumbers: true, viewrecords: true }); 

When I set the rownumbers parameter to true, I get the row numbers for each row in the grid table. How to increase column width of row number? I tried updating the CSS style, but it didn't work.

Can someone tell me how to increase column width of row number in jqGrid?

Answer 1

You can control the column widths of row line numbers using the settings for the rownumWidth property (25 by default).

from http://www.trirand.com/blog/phpjqgrid/examples/appearance/rownumbers/default.php