GeeGrid

GeeGrid




<!DOCTYPE html>
<HTML>
<HEAD>
<LINK rel=stylesheet type="text/css" href="/css/gee.grid.css">
<SCRIPT LANGUAGE='javascript' src='/js/gee.common.js'></SCRIPT>
<SCRIPT LANGUAGE='javascript' src='/js/gee.grid.js'></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
function init()
{
	var arrData =	[ 
		["PR-000001","Ameer Phone 1", 3000,30,30],
		["PR-000002","Ameer Phone 2", 3000,30,30],
		["PR-000003","Ameer Phone 3", 3000,30,30],
		["PR-000004","Ameer Phone 4", 3000,30,30],
		["PR-000005","Ameer Phone 5", 3000,30,30],
		["PR-000006","Ameer Phone 5", 3000,30,30],
		["PR-000007","Ameer Phone 6", 3000,30,30],
		["PR-000008","Ameer Phone 7", 3000,30,30],
		["PR-000009","Ameer Phone 8", 3000,30,30]
	];

	grid_test = new GeeGrid('grid_test');
	grid_test.setData(arrData);
}
</SCRIPT>
<body onload="init()">
<div id='grid_test'   numbering="true"  width="100%" >
	<column id='MATNR'type="html"	title="Product code"		width="25%"		align="center"	 ></column>
	<column id='MAKTX' type="html"	title="Product name"		width="34%"		align="left" 	merge="true"></column>
	<column id='unr_grp' title="Price">
		<subcolumn id='unr_qty_ko' 	type="number"	title="Korea"		width="17%"		align="center"></subcolumn>
		<subcolumn id='unr_qty_ch'	type="number"	title="China"		width="17%"		align="center"></subcolumn>
		<subcolumn id='unr_qty_us'	type="number"	title="USA"		width="17%"		align="center"></subcolumn>
	</column>
</div>
</body>
</HTML>


   Result

sample grid grid properties