Databases
StackOverflow2013
Postsdbo
POjqgrid alignment of body and header in FF, IE
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjqgrid alignment of body and header in FF, IE
    text
    copied!<p>I have a jqgrid working perfectly in chrome. However in IE and FF I see this: <img src="https://i.stack.imgur.com/5v60s.png" alt="enter image description here"></p> <p>The column headers cells are not lining up with the body of the table cells. </p> <p>Here is the relevant code:</p> <pre><code>jQuery.extend(jQuery.jgrid.defaults, { datatype: 'json', mtype: 'GET', jsonReader: { repeatitems: false, id: "Id" }, pager: '#pager', rowNum: 10, page: '1', sortname: 'Name', sortorder: 'asc', viewrecords: true, caption: null, height: 'auto', scroll: false, altRows: true, altclass: 'altrow', autowidth: true, forceFit: true, rowTotal: 0, loadonce: true, shrinkToFit: true, pginput: false, autoencode: true, multiselect: false, width: '100%' }); </code></pre> <p>and the specific table:</p> <pre><code>$("#ctable").jqGrid({ data: mydata, datatype: "local", colNames: ['Date', 'Urls', 'Errors', 'Warnings', 'Infos', 'Time', 'Size', 'Delete', 'Id Hidden'], colModel: [ { name: 'Date', sorttype: "date", width: 2, datefmt: "m/d/Y H:i:s",editrules:{date:true} }, { name: 'UrlCount', sorttype: "int", width: 1 }, { name: 'ViolationsError', sorttype: "string", width: 1, formatter:violationserrorformatter }, { name: 'ViolationsWarning', sorttype: "string", width: 1, formatter:violationswarningformatter }, { name: 'ViolationsInfo', sorttype: "string", width: 1, formatter:violationsinfoformatter }, { name: 'TimeElapsed', sorttype: "date", width: 1, datefmt: "H:i:s",editrules:{date:true} }, { name: 'Size', sorttype: "number", width: 1 }, { name: 'Delete', sorttype: "", width: 1, align:"center" }, { name: 'Id', sorttype: "int", width: 1, hidden:true } ], sortname: 'Date', sortorder: 'desc', rowNum:20 }); </code></pre> <p>I have tried taking out stylesheets, js, the surrounding template html and even taking out a few of the columns and it seems this error is still present in the alignment. Im stuck, any ideas?</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload