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="team">Team</th>
<th class="squad">Squad</th>
<th class="time">Time</th>
<th class="relay-athlete-1">Athlete 1</th>
<th class="relay-athlete-2">Athlete 2</th>
<th class="relay-athlete-3">Athlete 3</th>
<th class="relay-athlete-4">Athlete 4</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.
Relay Athletes
When relay athletes are assigned in the Relays Tab, checking the Relay Athletes option will add the table cells .relay-athlete-x
, where x is the athlete's position, to the results table. In each cell, a special <table>
with the class .relay-split-table
is created. If splits are available and requested, this table will create a row for the athlete and a row for the athlete's relay leg split.
<!--name & split-->
<td class="relay-athlete-1">
<table class="relay-split-table">
<tbody>
<tr>
<td>Wilkinson</td>
</tr>
<tr>
<td>25.05<em>(25.05)</em></td>
</tr>
</tbody>
</table>
</td>
<!--just name-->
<td class="relay-athlete-1">
<table class="relay-split-table">
<tbody>
<tr>
<td>Trujillo</td>
</tr>
</tbody>
</table>
</td>
<!--just split-->
<td class="relay-athlete-1">
<table class="relay-split-table">
<tbody>
<tr>
<td>28.02<em>(1:18.83)</em></td>
</tr>
</tbody>
</table>
</td>
The following default styles are applied to the .relay-split-table
:
.relay-split-table {
width:100%;
text-align:center;
}
.relay-split-table em {
font-size:11px;
font-style:italic;
}