jqgrid调整列宽

// 设置列宽度
// setColProp
$("#dataGrid").jqGrid('setColProp','amount',{width:new_width});

// 设置grid宽度
// setGridWidth
var gw = $("#dataGrid").jqGrid('getGridParam','width');
$("#dataGrid").jqGrid('setGridWidth',gw);

 

动态设置列宽度

1 更改标题单元格的宽度:
$('.ui-jqgrid-labels > th:eq(0)').css('width','200px')

2 改变列中单元格的宽度:
$('#grid tr').find("td:eq(0)").each(function(){$(this).css('width','200px');})

 

批量设置列宽度

var tabColWidths ='70px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px';

function reDefineColWidth(){
    var widthsArr = tabColWidths.split('|');

    for(var j=0; j < widthsArr.length ; j++ ){
            $('.ui-jqgrid-labels > th:eq('+j+')').css('width',widthsArr[j]);
            $('#grid tr').find('td:eq('+j+')').each(function(){$(this).css('width',widthsArr[j]);})
    }
}

 

posted on 2022-07-07 10:43  骑着母猪去打猎  阅读(1216)  评论(0)    收藏  举报