(Going to post this Here since JQuery Plugins seems Dead)

Hello,

I've been working on getting a table with a super header and sub
headers to only sort by the sub headers.  The example at
http://lovepeacenukes.com/tablesorter/2.0/docs/ shows this is possible
but everytime I try to run the code the items in the top row are used
to sort columns starting with 0.  I've tried two different versions of
jquery and re-downloaded Tablesorter twice now.  It seems as if this
should be easy and I'm just missing some amazingly simple thing.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
TR/html4/strict.dtd"> <html>
        <head>
                <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
                <title>Row Span</title>
                <link type="text/css" href="style.css" rel="stylesheet" />
        <script type="text/javascript" src="jquery-1.1.3.js"></
script>
                <script type="text/javascript" 
src="jquery.tablesorter-dev.js"></
script>
        </head>
        <body>

<table class="tablesorter" id="rowspan" cellspacing="0">
    <thead>
        <tr>
            <th rowspan="2">Name</th>
            <th colspan="2">General information</th>
            <th colspan="4">Degree information</th>
        </tr>
        <tr>
            <th>Major</th>
            <th>Gender</th>
            <th>English</th>
            <th>Japanese</th>
            <th>Calculus</th>
            <th>Geometry</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Student01</td>
            <td>Languages</td>
            <td>male</td>
            <td>80</td>
            <td>70</td>
            <td>75</td>
            <td>80</td>
        </tr>
        <tr>
            <td>Student02</td>
            <td>Mathematics</td>
            <td>male</td>
            <td>90</td>
            <td>88</td>
            <td>100</td>
            <td>90</td>

        </tr>
        <tr>
            <td>Student03</td>
            <td>Languages</td>
            <td>female</td>
            <td>85</td>
            <td>95</td>
            <td>80</td>
            <td>85</td>
        </tr>
    </tbody>
</table>

<script type="text/javascript">
$(document).ready(function() {
    $("#rowspan").tablesorter();
});
</script>
        </body>
</html>

Thank you for your time,

Robert

Reply via email to