If you have setup the meet with records and requested records in the report filter a <table> element with the class .records-table will be inserted before the results tables. Each record set will get its own <tr>

<table class="records-table">
  <tbody>
    <tr>
      <td class="record-flag">...</td>
      <td class="record-name">...</td>
      <td class="record">...</td>
      <td class="record-athlete">...</td>
      <td class="record-team">...</td>
      <td class="record-date">...</td>
      <td class="record-facility">...</td>
    </tr>
  </tbody>
</table>

The following default styles are applied:

.records-table td { padding:2px 4px; }

Details on results tables follow below

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="time">Time</th>
      <th class="splits">Splits</th>
      <th class="points">Pts</th>
      <th class="hplace">HPL</th>
      <th class="note">Note</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.

Splits Tables

When splits are available and the splits option is selected, the .splits cell gets a special table to format splits appropriately.

<td class="splits">
  <table class="splits-table">
    <tbody>
      <tr class="laps" >
        <td class="split">...</td>
		<td class="split">...</td>
		<td class="split">...</td>
		<td class="split">...</td>
	  </tr>
      <tr class="cumulative" >
		<td class="split">(...)</td>
		<td class="split">(...)</td>
		<td class="split">(...)</td>
		<td class="split">(...)</td>
      </tr>
      ...
      ...
	</tbody>
  </table>
</td>

Four lap splits will be printed per row, followed by corresponding cumulative splits. These specific <tr> elements can be targeted with the class .laps or .cumulative. The following default styles are applied:

.splits-table {
    width:100%;
    border:none;
    text-align:center;
}

.splits-table .split {
    padding:2px 0px;
}

.splits-table .cumulative .split {
    font-size:10px;
    font-style:italic;
}