<!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>