Include the client JavaScript & CSS libraries

	<link rel="stylesheet" type="text/css" href="dbnetsuite.css.ashx" />
	<script language="JavaScript" src="dbnetsuite.js.ashx"></script>

Client-side configuration script

	<script>
	jQuery(document).ready( init )

	function init()
	{
		var dbnetgrid1 = new DbNetGrid("dbnetgrid1");
		with (dbnetgrid1)
		{
			connectionString = "SamplesDatabase"
			fromPart = "customers"
			setColumnExpressions("CustomerID","CompanyName", "Address", "City");
			setColumnProperty("CustomerID", "display", false);
			outputCurrentPage = true
			bind("onOutput", assignReportHeading)

			addNestedGrid( configireOrderGrid )
			initialize()
		}
	}

	function configireOrderGrid(grid)
	{
		with (grid)
		{
			fromPart = "orders"
			setColumnExpressions("OrderID","CustomerID","EmployeeID","OrderDate","RequiredDate","ShippedDate","ShipVia","Freight");

			setColumnProperty("CustomerID", "foreignKey", true);
			setColumnProperty("EmployeeID", "lookup", "select employeeid, lastname + ',' + firstname from employees order by lastname");
			setColumnProperty("CustomerID", "lookup", "select customerid, companyname from customers");
			setColumnProperty("ShipVia", "lookup", "select shipperid, companyname from shippers");
			addNestedGrid( configireOrderDetailsGrid )
		}
	}

	function configireOrderDetailsGrid(grid)
	{
		with (grid)
		{
			fromPart = "[order details]"
			setColumnExpressions("OrderID","ProductID", "Quantity", "UnitPrice");

			setColumnProperty("OrderID", "foreignKey", true);
			setColumnProperty("ProductID", "lookup", "select productid, productname from products");
		}
	}

	function assignReportHeading(grid, args)
	{
		var heading = prompt("Report Heading", "Enter report heading ...")
		jQuery(args.body).prepend("<h1>" + heading + "</h1>")
	}
	</script>

HTML markup

	<div id="dbnetgrid1"></div>