<style type="text/css">
table {margin-bottom:20px;table-layout:fixed; border-collapse:collapse;
	border-spacing:10px}
th {font-weight:bold}
table.t1 {width:900px}

</style>

<div id="participant-view">
	<table id="participantData" class="t1"></table>
	<textarea id="PID" style="display:none"></textarea>
</div>

<script type="text/javascript">

let config=new Object();
config.id=LABKEY.ActionURL.getParameter('participantId');
config.document=document;
config.debugId="PID";
print(config,"Test");
config.table=config.document.getElementById("participantData");
config.setup="participantView";
config.headerStyle=new Object();
config.headerStyle.background="#d0e8f8";
config.headerStyle.borderBottom="thin solid";
config.missingStyle=new Object();
config.missingStyle.background="#f8e8d0";

buildTable(config);
print(config,"Test: "+config.table);
print(config,"Participant: "+id);

</script>