4

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

4 に答える 4

3

プロパティではjqgrid、jqgridの幅と高さをプロパティによって設定でき、widthここheightに示すように設定できます。同じことがjqgridの各行にも当てはまります。

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

上記の行は、このセルの高さをに設定し20 pxます。したがってheight、すべての列のパラメータを設定して、行の高さを次のように設定できます。20 px

于 2013-03-06T04:07:56.963 に答える
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
    }
}
于 2013-11-27T06:14:13.143 に答える
2

colModel で fixed オプションを使用できます

fixed: true

列のプロパティ (ドキュメントを参照)

于 2014-04-10T10:51:56.277 に答える