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()
	{
		jQuery("#tabs").show();
		jQuery("#tabs").tabs();

		jQuery("#tabs").bind( "tabsselect", tabSelected);

		var dbnetgrid1 = new DbNetGrid("dbnetgrid1");
		with (dbnetgrid1)
		{
			connectionString = "SamplesDatabase"
			fromPart = "Customers"
			pageSize = 10
			initialize()
		}

		var dbnetgrid2 = new DbNetGrid("dbnetgrid2");
		with (dbnetgrid2)
		{
			connectionString = "SamplesDatabase"
			pageSize = 10
			fromPart = "Categories"
		}

		var dbnetgrid3 = new DbNetGrid("dbnetgrid3");
		with (dbnetgrid3)
		{
			connectionString = "SamplesDatabase"
			pageSize = 10
			fromPart = "products"
		}
	}

	function tabSelected(event, ui)
	{
		switch(ui.index)
		{
			case 1:
				if (!DbNetLink.components["dbnetgrid2"].initialized)
					DbNetLink.components["dbnetgrid2"].initialize();
				break;
			case 2:
				if (!DbNetLink.components["dbnetgrid3"].initialized)
					DbNetLink.components["dbnetgrid3"].initialize()
				break;
		}
	}

	</script>

HTML markup

    <table style="width:600px">
		<tr>
			<td>
				<div id="tabs" style="display:none">
					<ul>
						<li><a href="#tabs-1">Customers</a></li>
						<li><a href="#tabs-2">Categories</a></li>
						<li><a href="#tabs-3">Products</a></li>
					</ul>
					<div id="tabs-1"><div id="dbnetgrid1"></div></div>
					<div id="tabs-2"><div id="dbnetgrid2"></div></div>
					<div id="tabs-3"><div id="dbnetgrid3"></div></div>
				</div>
			</td>
		</tr>
    </table>