The TLDR: The first column of my grid is misaligned, and it looks like the second might be as well.

Details:

This is my first attempt to use jqGrid, and I seem to have a width issue. The first column is wider than the header, which seems to push everything farther and farther to the right.

Here's an extract of the jqGrid setup (which is tucked into a jquery $(document).ready() function).

  jQuery('#dataTable').jqGrid({
   url:'/retain/reviewSoldierStatus/dataTable.html',
   datatype:"json",
   colNames:['Process','Res Date','OPT',(other headings)],
   colModel:[
    {name:'Process',index:'Process',width: 80, classes:'border'},
    {name:'Res Date',index:'Res Date', width: '75', classes:'border'}, // etc

 ],
width: 600,

// etc });

Any ideas?