Fluid ComboGrid

This example shows how to set the width of ComboGrid to a percentage of its parent container.

示例：

代码：

					
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
	<div style="margin-bottom:20px">
		<select class="easyui-combogrid" style="width:100%" data-options=" 
			panelwidth: 500, 
			panelminwidth: '50%', 
			idfield: 'itemid', 
			textfield: 'productname', 
			url: 'examples/combogrid/datagrid_data1.json', 
			method: 'get', 
			columns: [[ 
				{field:'itemid',title:'item id',width:80}, 
				{field:'productname',title:'product',width:120}, 
				{field:'listprice',title:'list price',width:80,align:'right'}, 
				{field:'unitcost',title:'unit cost',width:80,align:'right'}, 
				{field:'attr1',title:'attribute',width:200}, 
				{field:'status',title:'status',width:60,align:'center'} 
			]], 
			fitcolumns: true, 
			label: 'width: 100%', 
			labelposition: 'top'
		 ">
		</select>
	</div>
	<div style="margin-bottom:20px">
		<select class="easyui-combogrid" style="width:50%" data-options=" 
			panelwidth: 500, 
			panelminwidth: '50%', 
			idfield: 'itemid', 
			textfield: 'productname', 
			url: 'examples/combogrid/datagrid_data1.json', 
			method: 'get', 
			columns: [[ 
				{field:'itemid',title:'item id',width:80}, 
				{field:'productname',title:'product',width:120}, 
				{field:'listprice',title:'list price',width:80,align:'right'}, 
				{field:'unitcost',title:'unit cost',width:80,align:'right'}, 
				{field:'attr1',title:'attribute',width:200}, 
				{field:'status',title:'status',width:60,align:'center'} 
			]], 
			fitcolumns: true, 
			label: 'width: 50%', 
			labelposition: 'top' 
		">
		</select>
	</div>
</div>