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 dbnetlist1 = new DbNetList("dbnetlist1");

		with (dbnetlist1)
		{
			connectionString = "SamplesDatabase"
			sql = "select CompanyName, City, Country from customers order by CompanyName"
			height = "200px"
			width = "400px"
			headerRow = true
			rowSelection = true
			setColumnProperty("companyname","label","Company Name" )

			initialize()
		}


		var dbnetlist2 = new DbNetList("dbnetlist2");

		with (dbnetlist2)
		{
			connectionString = "SamplesDatabase"
			sql = "select CompanyName, City, Country from customers order by CompanyName"
			height = "200px"
			width = "400px"
			headerRow = true
			rowSelection = true
			setColumnProperty("companyname","label","Company Name" )

			initialize()
		}
	}

	</script>

HTML markup

<table>
	<tr>
		<td>
			<div id="dbnetlist1"></div>			
		</td>
		<td>
			<div id="dbnetlist2"></div>			
		</td>
	</tr>
</table>

CSS

<style>
#dbnetlist1 .header-cell {border:1pt solid silver;}
#dbnetlist1 .data-cell {border:1pt solid silver;}
#dbnetlist1 .even {background-color: whitesmoke;}

#dbnetlist2 .selected {background-color:#6699BB}
#dbnetlist2 .highlight {background-color:gold;}
#dbnetlist2 .header-cell {background-color:#EEEEEE}
#dbnetlist2 .header-cell {border-bottom:1px solid silver}
#dbnetlist2 .header-cell {text-align:left}
#dbnetlist2 td {font-family:georgia}
#dbnetlist2 th {font-family:georgia}
</style>