01-23-2011, 04:38 PM
| THREAD STARTER
#3 (permalink)
|
| NamePros Regular Join Date: Jul 2010
Posts: 481
| Thanks, here it the basics.
| | Quote: |
<script type="text/javascript" src="tablesort.js"></script>
<div STYLE="height: 500px; width: 960px; font-size: 12px; overflow: auto;">
<table id="test1" cellpadding="0" cellspacing="0" border="0" class="sortable-onload-5-6r rowstyle-alt colstyle-alt no-arrow">
<caption>Last Update (2010-12-20)</caption>
<thead>
<tr>
<th class="sortable-numeric">Contact</th>
<th class="sortable-numeric">Phone #</th>
<th class="sortable">Supplier</th>
<th class="sortable-date-dmy">Email</th>
<th class="sortable-currency">City & State</th>
<th class="sortable-numeric">Ships Internationally</th>
<th class="sortable-numeric">eBay Sales</th>
<th class="sortable-currency">Amazon Sales</th>
<th class="sortable-currency">Dropship Fee</th>
</tr>
</thead>
<tbody>
<tr>
<td>wrfrv</td>
<td class="lft"><a href="http://www.frtyyhgty.com">test</a></td>
</tr>
<tr class="alt">
<td>wrfrv</td>
<td class="lft"><a href="http://www.frtyyhgty.com">test</a></td>
</tr>
</tbody>
</table>
</div>
</div>
| Here is the exact table I'm using except I have added the scrollable feature. http://www.ajaxdaddy.com/demo-table-sort.html This table also sorts by category. I just need to figure out how to make the header not scroll. Thanks |
| |