Skip to content

Instantly share code, notes, and snippets.

@jeremythuff

jeremythuff/itable-example

Last active December 16, 2015 20:49
Show Gist options
  • Save jeremythuff/5495354 to your computer and use it in GitHub Desktop.
Save jeremythuff/5495354 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
itable-example
<!-- ***************************When Loaded at > 496px****************************-->
<table cellspacing="0" width="100%">
<thead>
<tr class="row-header">
<th colspan="5">Outstanding Requests</th>
</tr>
<tr class="row-headings">
<th>Transaction</th>
<th>Type</th>
<th>Title</th>
<th>Author</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr class="row-even">
<td><a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474730">2474730</a></td>
<td>Article</td>
<td>Test3: Test3</td>
<td>Test3</td>
<td>Awaiting Copyright Clearance</td>
</tr>
<tr class="row-odd">
<td><a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474731">2474731</a></td>
<td>Book</td>
<td>Test3</td>
<td>&nbsp;</td>
<td>Awaiting Request Processing</td>
</tr>
<tr class="row-even">
<td><a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474732">2474732</a></td>
<td>Book Chapter</td>
<td>Test3: Test3</td>
<td>Test3</td>
<td>Awaiting Copyright Clearance</td>
</tr>
<tr class="row-odd">
<td><a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474733">2474733</a></td>
<td>Conference</td>
<td>Test3: Test3</td>
<td>Test3</td>
<td>Awaiting Copyright Clearance</td>
</tr>
<tr class="row-even">
<td><a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474734">2474734</a></td>
<td>Patent</td>
<td>Test3</td>
<td>&nbsp;</td>
<td>Awaiting Copyright Clearance</td>
</tr>
<tr class="row-odd">
<td><a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474735">2474735</a></td>
<td>Report</td>
<td>test3</td>
<td>test3</td>
<td>Awaiting Request Processing</td>
</tr>
<tr class="row-even">
<td><a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474736">2474736</a></td>
<td>Thesis</td>
<td>test3</td>
<td>test3</td>
<td>Awaiting Request Processing</td>
</tr>
<tr class="row-odd">
<td><a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474738">2474738</a></td>
<td>Other</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>Awaiting Request Processing</td>
</tr>
</tbody>
</table>
<!-- ***************************When Loaded at < 496px****************************-->
<div class="itable">
<div class="iheader">Outstanding Requests</div>
<div class="irow" style="">
<div class="irow-pair">
<span class="irow-name">Transaction</span>
<span class="irow-value">
<a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474730">2474730</a>
</span></div><div class="irow-pair"><span class="irow-name">Type</span>
<span class="irow-value">Article</span>
</div>
<div class="irow-pair">
<span class="irow-name">Title</span>
<span class="irow-value">Test3: Test3</span>
</div>
<div class="irow-pair">
<span class="irow-name">Author</span>
<span class="irow-value">Test3</span>
</div>
<div class="irow-pair">
<span class="irow-name">Status</span>
<span class="irow-value">Awaiting Copyright Clearance</span>
</div>
</div>
<div class="irow">
<div class="irow-pair">
<span class="irow-name">Transaction</span>
<span class="irow-value">
<a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474731">2474731</a>
</span>
</div>
<div class="irow-pair">
<span class="irow-name">Type</span>
<span class="irow-value">Book</span>
</div>
<div class="irow-pair">
<span class="irow-name">Title</span>
<span class="irow-value">Test3</span>
</div>
<div class="irow-pair">
<span class="irow-name">Author</span>
<span class="irow-value">&nbsp;</span>
</div>
<div class="irow-pair">
<span class="irow-name">Status</span>
<span class="irow-value">Awaiting Request Processing</span>
</div>
</div>
<div class="irow">
<div class="irow-pair">
<span class="irow-name">Transaction</span>
<span class="irow-value">
<a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474732">2474732</a>
</span>
</div>
<div class="irow-pair">
<span class="irow-name">Type</span>
<span class="irow-value">Book Chapter</span>
</div>
<div class="irow-pair">
<span class="irow-name">Title</span>
<span class="irow-value">Test3: Test3</span>
</div>
<div class="irow-pair">
<span class="irow-name">Author</span>
<span class="irow-value">Test3</span>
</div>
<div class="irow-pair">
<span class="irow-name">Status</span>
<span class="irow-value">Awaiting Copyright Clearance</span>
</div>
</div>
<div class="irow">
<div class="irow-pair">
<span class="irow-name">Transaction</span><span class="irow-value">
<a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474733">2474733</a>
</span>
</div>
<div class="irow-pair">
<span class="irow-name">Type</span>
<span class="irow-value">Conference</span>
</div>
<div class="irow-pair">
<span class="irow-name">Title</span>
<span class="irow-value">Test3: Test3</span>
</div>
<div class="irow-pair">
<span class="irow-name">Author</span>
<span class="irow-value">Test3</span>
</div>
<div class="irow-pair">
<span class="irow-name">Status</span>
<span class="irow-value">Awaiting Copyright Clearance</span>
</div>
</div>
<div class="irow">
<div class="irow-pair">
<span class="irow-name">Transaction</span>
<span class="irow-value">
<a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474734">2474734</a>
</span>
</div>
<div class="irow-pair">
<span class="irow-name">Type</span>
<span class="irow-value">Patent</span>
</div>
<div class="irow-pair">
<span class="irow-name">Title</span>
<span class="irow-value">Test3</span>
</div>
<div class="irow-pair">
<span class="irow-name">Author</span>
<span class="irow-value">&nbsp;</span>
</div>
<div class="irow-pair">
<span class="irow-name">Status</span>
<span class="irow-value">Awaiting Copyright Clearance</span>
</div>
</div>
<div class="irow">
<div class="irow-pair">
<span class="irow-name">Transaction</span>
<span class="irow-value">
<a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474735">2474735</a>
</span>
</div>
<div class="irow-pair">
<span class="irow-name">Type</span>
<span class="irow-value">Report</span>
</div>
<div class="irow-pair">
<span class="irow-name">Title</span>
<span class="irow-value">test3</span>
</div>
<div class="irow-pair">
<span class="irow-name">Author</span>
<span class="irow-value">test3</span>
</div>
<div class="irow-pair">
<span class="irow-name">Status</span>
<span class="irow-value">Awaiting Request Processing</span>
</div>
</div>
<div class="irow">
<div class="irow-pair">
<span class="irow-name">Transaction</span>
<span class="irow-value">
<a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474736">2474736</a>
</span>
</div>
<div class="irow-pair">
<span class="irow-name">Type</span>
<span class="irow-value">Thesis</span>
</div>
<div class="irow-pair">
<span class="irow-name">Title</span>
<span class="irow-value">test3</span>
</div>
<div class="irow-pair">
<span class="irow-name">Author</span>
<span class="irow-value">test3</span>
</div>
<div class="irow-pair">
<span class="irow-name">Status</span>
<span class="irow-value">Awaiting Request Processing</span>
</div>
</div>
<div class="irow"><div class="irow-pair">
<span class="irow-name">Transaction</span>
<span class="irow-value">
<a href="illiad.dll?Action=10&amp;Form=63&amp;Value=2474738">2474738</a>
</span>
</div>
<div class="irow-pair">
<span class="irow-name">Type</span>
<span class="irow-value">Other</span>
</div>
<div class="irow-pair">
<span class="irow-name">Title</span>
<span class="irow-value">&nbsp;</span>
</div>
<div class="irow-pair">
<span class="irow-name">Author</span>
<span class="irow-value">&nbsp;</span>
</div>
<div class="irow-pair">
<span class="irow-name">Status</span>
<span class="irow-value">Awaiting Request Processing</span>
</div>
</div>
</div>
<table cellspacing="0" width="100%">
<thead>
<tr class="row-header">
<th colspan="5">Outstanding Requests</th>
</tr>
<tr class="row-headings">
<th>Transaction</th>
<th>Type</th>
<th>Title</th>
<th>Author</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr class="row-even">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="row-odd">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="row-even">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="row-odd">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="row-even">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="row-odd">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="row-even">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="row-odd">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment