我正在尝试添加一个以编程方式增加/减少字体大小的函数。我打算用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
原始
字体较小
如果字体大小减小,我还需要一种减小列大小的方法。 有些功能如
每栏:
var originalWidth = $('.demo-jqgrid-container').jqgrid('getColumnWidth', 'CategoryName');
var newWidth = originalWidth * 0.8;
$('.demo-jqgrid-container').jqgrid('setColumnWidth', newwidth);
感谢。