easyui datagrid 浏览器像素及改变表、列宽问题

title：easyui datagrid表格宽度，以及列宽随浏览器缩放改变

在使用easyui的datagrid时，需要考虑到浏览器不同的像素问题，所以，在使用时，我们需要自己写一个函数

code：

		function getWidth(percent){
		    return $(window).width() * percent;
		}

这样在初始化时：

$("#tt").datagrid({
    width: getWidth(0.6)
});	    

当然，有时候我们会考虑浏览器缩放，也要改变其中显示，这时，加上一个resize事件就可以了

			 $(window).resize(function(){
				//alert("change....");
				$("#tt").datagrid({
					width: getWidth(0.6)
				});	    		 
			});

甚至，我们需要考虑到列宽也需要改变（因情况，条件而定，这里举一例），我们需要在写一个函数：

		function fixWidthTable(percent){
	    	    return getWidth(0.6) * percent;
		}

下面是完整的代码：

	
	
	
	
	
	
	
	


	
DataGrid - ContextMenu
	

		

		
Right click the header of datagrid to show context menu.
	
	
	
	

不过在做测试中，遇到了各种奇怪的问题，今天早上一看，发现没有昨天的问题了，暴汗················

也不知道是什么原因！

如果这文有幸有高手看到，并发现了问题，或者有解决方案，贴出来也让俺瞅瞅········先谢谢啦························

上面的窗口大小改变事件中用的是重新加载，这样速度会慢很多，而API中提供了resize方法，所以改为：

$("#tt").datagrid("resize",{width:getWidth(0.6)});