Note that there are some explanatory texts on larger screens.

plurals
  1. POjqGrid row vertical alignment not middle
    primarykey
    data
    text
    <p>For some reason on our grid the vertical alignment of the rows is not middle. It appears to be top. Is there something specific you have to do to achieve vertical alignment?</p> <p>Here's an example of the alignment: <img src="https://i.stack.imgur.com/qouTc.png" alt="alt text"></p> <p>Our grid definitions:</p> <pre><code>$.extend(jQuery.jgrid.defaults, { url:'NoData.json', datatype: 'json', mtype: 'GET', altRows:true, //altclass:'zebraOdd', loadError: function(xhr,st,err) { handleError(xhr, 'Error loading grid'); }, onPaging: function (b) { return onPage($(this)); }, beforeRequest: function() { beforeReq($(this)); }, loadComplete: function() { loadComp($(this)); }, onSelectRow: function(id){ $(this).resetSelection(); //This prevents the disabling of the row hovering and altclass - http://stackoverflow.com/questions/3916477 }, scrollOffset:0, //No scrollbar rowNum:15, shrinkToFit:true, width:1120, viewrecords: true , height: '360', hidegrid: false //Don't show the expand/collapse button on the top right }); $("#grid-pos").jqGrid({ colNames:['Position Account', 'Product Code', 'Product Type','Expiry', 'Put/Call', 'Strike Price', 'Current Long', 'Current Short', 'Held Exercise Requests', 'Held Abandon Requests', 'Last Trade Date / Expiration Date', 'Select Operation'], colModel :[ {name:'account', index:'account', width:85, sortable:false}, {name:'productCode', index:'productCode', width:85, sortable:false}, {name:'productType', index:'productType', width:85, sortable:false}, {name:'expiry', index:'expiry', width:85, align:'right',stype:'select', sortable:false}, {name:'putCall', index:'putCall', width:85, sortable:false}, {name:'strike', index:'strike', sorttype: 'float', align:'right', width:85, sortable:false}, {name:'long', index:'long', width:85, align:'right', sortable:false}, {name:'short', index:'short', width:85, align:'right', sortable:false}, {name:'exercise', index:'exercise', width:90, align:'right', sortable:false}, {name:'abandon', index:'abandon', width:90, align:'right', sortable:false}, {name:'LTD', index:'LTD', width:110, align:'right', sortable:false}, {index:'operations', width:150, title:false, align: 'center', formatter:opsFormatter, sortable:false} ], pager: '#div-pos-pager', caption: 'View Positions' }); </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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