Add example #05 with user-provided footer.
parent
ea6d61516a
commit
3e451a1a69
|
@ -104,6 +104,8 @@
|
|||
}
|
||||
|
||||
.fancyTable thead tr th,
|
||||
.fancyTable thead tr td,
|
||||
.fancyTable tfoot tr th,
|
||||
.fancyTable tfoot tr td {
|
||||
/* appearance */
|
||||
background-color: #8ca9cf;
|
||||
|
|
|
@ -8,4 +8,6 @@ $(document).ready(function() {
|
|||
$('.myTable03').fixedHeaderTable({ height: '400', altClass: 'odd', footer: true, fixedColumns: 1, themeClass: 'fancyTable' });
|
||||
|
||||
$('.myTable04').fixedHeaderTable({ height: '400', altClass: 'odd', footer: true, cloneHeadToFoot: true, fixedColumns: 3, themeClass: 'fancyTable' });
|
||||
|
||||
$('.myTable05').fixedHeaderTable({ height: '400', altClass: 'odd', footer: true, fixedColumns: 1, themeClass: 'fancyTable' });
|
||||
});
|
313
demo/test.html
313
demo/test.html
|
@ -375,6 +375,319 @@ $('.myTable02').fixedHeaderTable({
|
|||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
<div class="container_12 divider">
|
||||
<div class="grid_4">
|
||||
<pre>
|
||||
<code>
|
||||
$('.myTable05').fixedHeaderTable({
|
||||
height: '400',
|
||||
altClass: 'odd',
|
||||
footer: true,
|
||||
fixedColumns: 1,
|
||||
themeClass: 'fancyTable'
|
||||
});
|
||||
</code>
|
||||
</pre>
|
||||
</div>
|
||||
<div class="grid_4">
|
||||
<table class="myTable05" cellpadding="0" cellspacing="0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Browser</th>
|
||||
<th>Visits</th>
|
||||
<th>Pages/Visit</th>
|
||||
<th>Avg. Time on Site</th>
|
||||
<th>% New Visits</th>
|
||||
<th>Bounce Rate</th>
|
||||
<th>Avg. Time on Site</th>
|
||||
<th>% New Visits</th>
|
||||
<th>Bounce Rate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th>Browser</th>
|
||||
<th>Visits</th>
|
||||
<th>Pages/Visit</th>
|
||||
<th>Avg. Time on Site</th>
|
||||
<th>% New Visits</th>
|
||||
<th>Bounce Rate</th>
|
||||
<th>Avg. Time on Site</th>
|
||||
<th>% New Visits</th>
|
||||
<th>Bounce Rate</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Firefox first</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22 test test test</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00% test test test</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Firefox</td>
|
||||
<td class="numeric">1,990</td>
|
||||
<td class="numeric">3.11</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
<td class="numeric">00:04:22</td>
|
||||
<td class="numeric">70.00%</td>
|
||||
<td class="numeric">32.61%</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
<div class="container_12 divider">
|
||||
<div class="grid_4">
|
||||
<pre>
|
||||
|
|
Loading…
Reference in New Issue