NamePros.com  

Web Design Discussion Discussion of web design techniques, advice, browser issues, software, design firms.


Views: 2106
Reply
 
Thread Tools
Old 01-23-2011, 01:27 PM THREAD STARTER               #1 (permalink)
NamePros Regular
domainpush's Avatar
Join Date: Jul 2010
Posts: 507
domainpush is just really nicedomainpush is just really nicedomainpush is just really nicedomainpush is just really nice
 




Stop the table header from scrolling?


I have a scrollable table javascript that I am using. I would like to know how I can keep the header from scrolling out of view. I would like to make it fixed.

How can I do this??
domainpush is offline   Reply With Quote
Old 01-23-2011, 04:23 PM   #2 (permalink)
NamePros Member
eagle12's Avatar
Join Date: Nov 2003
Location: Ontario, Canada
Posts: 126
eagle12 will become famous soon enougheagle12 will become famous soon enough
 




A good first step would be to either post a link to the site, or some of the code.
eagle12 is offline   Reply With Quote
Old 01-23-2011, 04:38 PM THREAD STARTER               #3 (permalink)
NamePros Regular
domainpush's Avatar
Join Date: Jul 2010
Posts: 507
domainpush is just really nicedomainpush is just really nicedomainpush is just really nicedomainpush is just really nice
 




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
domainpush is offline   Reply With Quote
Old 06-23-2012, 03:53 AM   #4 (permalink)
New Member
petervanpersie's Avatar
Join Date: Jun 2012
Posts: 11
petervanpersie is an unknown quantity at this point
 




I have a scrollable table javascript that I am using. I would like to know how I can keep the header from scrolling out of view. I would like to make it fixed.
petervanpersie is offline   Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools




All times are GMT -7. The time now is 10:06 AM.



Domain name forum recommended by Domaining.com
Powered by: vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO
Don't use this form or this link. If you do, you'll automatically be blocked. nofollow