Big Ticket Items

by clayshannon

HTML

<script src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<h1>Big Ticket Items</h1>
<table id="bigTickItems" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Item</th>
                <th>Category</th>
                <th>Image and Link</th>
                <th>Estimated Price</th>
            </tr>
        </thead>
 
        <tbody>
              <tr>
                <td>Fujifilm Instax Mini Instant Film, 10 Sheets x 5 packs</td>
                <td>Camera</td>
                <td><a href="http://www.amazon.com/Fujifilm-Instax-Instant-Sheets-packs/dp/B004U7JYXS/garrphotgall-20" target="_blank"><img height="160" width="160" src="http://ecx.images-amazon.com/images/I/51hyKnSi2%2BL._SL160_.jpg" /></a></td>
                <td>$35.85</td>
            </tr>
            <tr>
                <td>Google Chromecast HDMI Streaming Media Player</td>
                <td>Camera</td>
                <td><a href="http://www.amazon.com/Google-Chromecast-Streaming-Media-Player/dp/B00DR0PDNE/garrphotgall-20" target="_blank"><img height="160" width="160" src="http://ecx.images-amazon.com/images/I/31Hgfy4y9DL._SL160_.jpg" /></a></td>
                <td>$34.31</td>
            </tr>
            <tr>
                <td>Kindle Paperwhite</td>
                <td>Camera</td>
                <td><a href="http://www.amazon.com/Kindle-Paperwhite-Ereader/dp/B00AWH595M/garrphotgall-20" target="_blank"><img height="160" width="160" src="http://ecx.images-amazon.com/images/I/41TlD2BqdxL._SL160_.jpg" /></a></td>
                <td>$119</td>
            </tr>
            <tr>
                <td>Amazon Fire TV</td>
                <td>Camera</td>
                <td><a href="http://www.amazon.com/Fire-TV-streaming-media-player/dp/B00CX5P8FC/garrphotgall-20" target="_blank"><img height="160" width="160"...

JavaScript

$(document).ready(function() {
    $('#bigTickItems').dataTable( {
        columnDefs: [ {
            targets: [ 0 ],
            orderData: [ 0, 1 ]
        }, {
            targets: [ 1 ],
            orderData: [ 1, 0 ]
        }, {
            targets: [ 3 ],
            orderData: [ 3, 0 ]
        } ]
    } );
} );