2010-11-10 2 views
1

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

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

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

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

ответ

1

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

+0

Решена ли ваша проблема сейчас? – Oleg

+0

Да, спасибо Oleg –

+7

Мне просто интересно. Почему вы не отметили мое решение как правильный ответ? – Adrian

5

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

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

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

, пожалуйста, предоставьте некоторое объяснение для вашего ответа. –

3

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

<style type="text/css"> 
.ui-jqgrid tr.jqgrow td {vertical-align:middle !important} 
</style> 
Смежные вопросы