Compiled round results are printed first, and only if the Round Compilation option has been selected. For each round, an <h4> element with class .round-results-hdr is printed with the round name.

A <table> element is created and specified with the classes .results-table, .table, .table-striped, .table-bordered, .table-condensed For information on the last four classes, see the Bootstrap Docs. Note that the columns present depend upon the options selected in the report filter. The structure of a round results table is detailed below:

<table class="results-table table table-striped table-bordered table-condensed">
  <thead>
    <tr>
      <th class="place">PL</th>
      <th class="jd">JD</th>
      <th class="comp">#</th>
      <th class="athlete">Athlete</th>
      <th class="year">Yr.</th>
      <th class="team">Team</th>
      <th class="mark">Mark</th>
      <th class="english">English</th>
      <th class="vertical-jumping-record">Jumping Record</th>
      <th class="points">Pts</th>
      ...
    </tr>
  </thead>
  <tbody>
    ...
    Results
    ...
  <tbody>
</table>

The table cells are specified with straightforward classes, and are minimally styled with the following defaults:

.lane, .place, .hplace, .jd, .comp, .squad, .year, .time, .mark, .wind, .points, .score { 
    text-align: center;
}

td.mark, td.time, td.wind {
    text-align:right;
}
  
.place, .jd, .points {
    width:35px;
}

.lane, .year, .comp { 
    width:40px; 
}

.hplace { 
    width:45px; 
}

.squad, .wind { 
    width:50px; 
}

.time, .mark { 
    width:80px; 
}

<th> and <td> elements can easily have different styles applied by using more specific selectors. For example, th.time and td.time.

Heat by heat results are printed after compiled round results, and only if the Heat by Heat option has been selected. Events with only one heat and one round will print results in the compiled format above. The format of the heat results table is exactly the same, except that the .hplace cell is first. If Round Compilation is not selected, an overall .place column will follow the .points column. In the case of ties, if the Note filter has been applied, a .note column will show the tie-break to the thousandth when the data is available.

Vertical Field Series

For field events which measure vertical distance, a <table> with class .vertical-jumping-record is generated to represent the Field Series. Each cell is speciefied with the class .height, and the athlete's best jump gets the additional class .best-height.

<td class="vertical-jumping-record">
  <table class="vertical-table">
    <thead>
	  <tr>
		<th class="height">4' 2"</th>
		...
		<th class="height">5' 0"</th>
		<th class="height">5' 2"</th>
		<th class="height">5' 4"</th>
      </tr>
	</thead>
	<tbody>
      <tr>
        <td class="height">P</td>
        ...
		<td class="height">O</td>
		<td class="height best-height">XO</td>
		<td class="height">XXX</td>
	  </tr>
	</tbody>
  </table>
</td>

The .vetical-table gets the following default styles:

.vertical-table{
	border:none;
}

.vertical-table th{
	height:23px;
	font-size:10px;
	background:#E0E0E0;
	color:#000;
    padding:2px 4px;
    text-align:center;
}

.vertical-table td{
	font-size:11px;
	height:23px;
    padding:2px 4px;
    text-align:center;
}