你如何让jqGrid重新计算列宽?

时间:2016-12-13 21:10:47

标签: jquery jqgrid

我正在尝试添加一个以编程方式增加/减少字体大小的函数。我打算用jquery.css()来改变字体大小,例如$('#gbox_jqGrid')。css('font-size','8px')

但是如何让jqGrid根据字体大小更改列宽?

网格应该有一个水平滚动条,因此jqGrid选项设置为

{autowidth: true,
shrinkToFit: false,
forceFit: false}

我用Google搜索并尝试了以下代码,但它不起作用。

$("#jqGrid").jqGrid('setColProp','CategoryName',{width:500});
var gw = $("#jqGrid").jqGrid('getGridParam','width');
$("#jqGrid").jqGrid('setGridWidth',gw);

http://jsbin.com/vilahedeya/2/edit?html

输出: http://output.jsbin.com/vilahedeya/2

// *********** ******************

更新: 谢谢你,奥列格。 我更新我的演示代码以使用Guriddo jqGrid v5.2(付费版)。我很欣赏免费的jqGrid,但这是我必须使用这个付费版本的公司标准。

http://output.jsbin.com/netadu

我想动态更改字体大小。我正在使用bootstrap风格。指定所有列的宽度。如果空间不足,则会出现水平滚动条。

在我的演示代码中,我可以更改字体大小,例如

$('.demo-jqgrid-container').css('font-size', '6px')

http://output.jsbin.com/netadu

原始

original

字体较小

enter image description here

如果字体大小减小,我还需要一种减小列大小的方法。 有些功能如

每栏

var originalWidth = $('.demo-jqgrid-container').jqgrid('getColumnWidth', 'CategoryName');

var newWidth = originalWidth * 0.8;    

$('.demo-jqgrid-container').jqgrid('setColumnWidth', newwidth);

感谢。

0 个答案:

没有答案