title: Set Fixed Column Width to JQGrid
body: <p>Is there a way to set a fixed column width and height to the Jqgrid. </p>
  
  <p>I changed the jqgrid css to </p>
  
  <pre><code>.ui-jqgrid tr.jqgrow td {vertical-align:text-top;font-weight: normal; overflow: hidden; white-space:pre-wrap; height: 20px !important;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
  </code></pre>
  
  <p>but that doesnt set the height to 20px. </p>
  
  <p>I also need to set all rows to a specific height and the data in the columns should be cut off if the size exceeds the size of the column and hovering over the column should show the entire data. </p>
  
  <p>The below is my colName and model </p>
  
  <pre><code>ColNameData = ['Date', 'Fund', 'Partner', 'Menu', 'Sub Menu', 'Document Name', 'Document Description', 'Type', 'ID'];
                       ColModelData = [{ name: 'MessageDate',
                           align: 'right',
                           sorttype: 'date',
                           datefmt: 'm/d/Y',
                           width :10,resizable:false
                            },
                                      { name: 'Fund', align: 'left',width : 8, resizable:false},
                                      { name: 'Partner', align: 'left',width : 7,resizable:false },
                                      { name: 'Menu', align: 'left',width : 9,resizable:false },
                                      { name: 'SubMenu', align: 'left',width : 9,resizable:false},
                                      { name: 'Documentname', align: 'left',width : 35,resizable:false },
                                      { name: 'DocumentDescription', align: 'left',width : 35,resizable:false },
                                      { name: 'Type', align: 'left',width : 5,resizable:false},
                                      { name: 'ID', hidden: true, resizable: false }
                                     ];
  </code></pre>