table sorting. header and body in different tables

[Amy]

for some reasons, i am using two tables. one for the header, one for
the body content.
has anyone done table sorting in this situation?

anyone has a good script for this?

thanks

 

[Matt Kruse]

for some reasons, i am using two tables. one for the header, one for
the body content.

Why? How do you keep column widths aligned - fixed widths?

has anyone done table sorting in this situation?
anyone has a good script for this?

http://www.JavascriptToolbox.com/lib/table/

 

[Yanick]

for some reasons, i am using two tables. one for the header, one for
the body content.

Why don't you use table header and body ? Read this article to clearify
:
http://www.oreillynet.com/pub/a/javascript/2003/05/06/dannygoodman.html

Having this said, you may now sort the elements in your <tbody> tag as
you would sort any given element list. (Note that you may have more
than one <tbody> elements in a table.)

 

[Amy]

will this script still work if i put divs ?

<div>
<table>
<thead>
....
</table>

<div style="height:150px; overflow:auto;">
<table>
<tbody>
....
</table>
</div>

</div>

the reason i m doing this is so that the table header do not scroll
when the table list is getting too long in the div and scrollbar
appear.

any clues? any suggestion to better approach on this issue?

thanks

 

[RobG]

will this script still work if i put divs ?

Please don't top-post here, reply below trimmed quotes. Matt's reply
has a link to his javascript toolbox which has a useful table sorting
script. I'm sure you could modify it to sort the second 'body' table
based on clicks on the first 'header' table.

 

[Yanick]

Amy a écrit :

will this script still work if i put divs ?

Well, no because first of all your <div> tag overlap your <tbody> and
<table> tags. In other words, all tags must begin and end in the same
parent tag ; you cannot begin and end a tag in different parents :

Is illegal :

<div>
<span>
<div>
<span>
</span>
</span>
</div>
</div>

Implementing scrolling tables are not as easy as it sounds. I've
personnally search a long time for a good implementation of such
component but didn't find anything really useful, except this one that
uses jquery (http://makoomba.altervista.org/grid/).

 

[Matt Kruse]

Implementing scrolling tables are not as easy as it sounds.

Indeed, especially cross-browser.
This is my sample, IE-only:
http://www.javascripttoolbox.com/lib/scrollingdatagrid/

I use it in IE-only webapps and it works well, as long as the table isn't
too huge.