JQGrid строки вертикального выравнивания не посередине

Question

По какой-то причине в нашей сетке вертикальное выравнивание строк не является средним. Кажется, это топ. Есть ли что-то конкретное, что вам нужно сделать, чтобы добиться вертикального выравнивания?

Вот пример выравнивания:

Наши определения сетки:

$.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'
});  

Answer 1

Вы пробовали применять вертикальное выравнивание: среднее; css свойство к ячейкам вашей таблицы?

Я считаю, что вертикальное выравнивание по умолчанию является верхним, поэтому применение вышеприведенного должно переопределить это Также, если вы можете дать мне ссылку на пример страницы, которая показывает это, я могу изучить ее дальше.

Answer 2

Это сделает его по центру.Измените его с середины на верх или низ, если у вас есть другие потребности.

<style type="text/css">
.ui-jqgrid tr.jqgrow td {vertical-align:middle !important}
</style>

Answer 3

<style>
    .ui-jqgrid tr.jqgrow { outline-style: none; color:#286abf;font-weight:normal; cursor : pointer; vertical-align:top }
</style>

Answer 4

У нас была сетка в другом элементе div, для которого было установлено vertical-align:top. Убрал это и мы были хороши. Дух