2013-03-05 46 views
2

有沒有一種方法來設置一個固定的列的寬度和高度與jqGrid的。組固定列寬的jqGrid

我改變了的jqGrid css來

.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;} 

但是,這並不高度設置爲20px。

我也需要,如果大小超過列的大小和懸停在欄應該顯示整個數據設置的所有行到一個特定的高度和數據列應切斷。下面

的是我COLNAME和型號

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 } 
            ]; 

回答

2

jqgrid屬性,你會發現,jqGrid的的寬度和高度可以通過屬性width設置和height給出here。這同樣適用於jqgrid的每一行。

{ name: 'Fund', align: 'left',width : 8, height:20, resizable:false} 

上述行將設置此單元的高度爲20 px。所以,你可以設置所有列的height參數,以確保該行的高度20 px

3

這工作完全正常,我(的jqGrid之後被渲染調用)

function reDefineColWidth(){ 
    var columnWidths = '65px|88px|175px|140px|200px|75px|140px|150px|130px|220px|125px|230px|200px|111px' 
    var widthsArr = columnWidths.split('|'); 
    for(var j=0; j < widthsArr.length ; j++){ 
     $('.ui-jqgrid-labels > th:eq('+j+')').css('width',widthsArr[j]); // will set the column header widths 
     $('#grid tr').find('td:eq('+j+')').each(function(){$(this).css('width',widthsArr[j]);}) // will set the column widths 
    } 
} 
1

您可以使用在固定選項列的colModel

fixed: true 

財產(見docs

0

感謝尼爾和阿霍。在jqGrid的4.5.4,我發現,使用兩個可調整大小的假,並固定爲true在colModel列時autowidth設置爲true整個電網的工作。

{ name: 'fund', width: 8, height: 20, resizable: false, fixed: true } 

雖然不能確認將來的版本。