[Javascript] sorttable.js

[27o8]

Hallo,
ich nutze bei mir sorttable.js zum sortieren der Tabellen ohne Reload der Seite.

Ich habe nun folgende Tabelle:

<table border="0" cellpadding="0" cellspacing="0" class="sortable">
               <thead>
      <tr>
            <td>Interessengebiet</td>
            <td>Mitglieder</td>
      </tr>
      </thead>
      <tbody>

                <tr class="row0">
                     <td>Auto/Motorräder</td>
                     <td>4523</td>
                </tr>        
        
                <tr class="row1">
                     <td>Kostenloses</td>
                     <td>5109</td>
                </tr>        
        
                <tr class="row0">
                     <td>Internet</td>
                     <td>5111</td>
                </tr>        
        
                <tr class="row1">
                     <td>Unterhaltung</td>
                     <td>4943</td>
                </tr>        
        
                <tr class="row0">
                     <td>Sport/Fitness</td>
                     <td>4785</td>
                </tr>        
        
                <tr class="row1">
                     <td>Homepage Promotion</td>
                     <td>4685</td>
                </tr>        
        
                <tr class="row0">
                     <td>Tipps/Tricks</td>
                     <td>4976</td>
                </tr>        
        
                <tr class="row1">
                     <td>Erotik(ab 18 Jahren)</td>
                     <td>4278</td>
                </tr>        
        
                <tr class="row0">
                     <td>Bildung/Karriere</td>
                     <td>4729</td>
                </tr>        
        
                <tr class="row1">
                     <td>Geld verdienen</td>
                     <td>5149</td>
                </tr>        
        
                <tr class="row0">
                     <td>Schnäpchen</td>
                     <td>4925</td>
                </tr>        
        
                <tr class="row1">
                     <td>Reisen/Erhohlung</td>
                     <td>4708</td>
                </tr>        
        
                <tr class="row0">
                     <td>Finanzen</td>
                     <td>4623</td>
                </tr>        
        
                <tr class="row1">
                     <td>Wissenschaft</td>
                     <td>4528</td>
                </tr>        
        
                <tr class="row0">
                     <td>Zeitschriften</td>
                     <td>4433</td>
                </tr>        
        
                <tr class="row1">
                     <td>Computer</td>
                     <td>4923</td>
                </tr>        
        
                <tr class="row0">
                     <td>Telefon/Handy</td>
                     <td>4708</td>
                </tr>        
        
                <tr class="row1">
                     <td>Lifestyle/Mode</td>
                     <td>4705</td>
                </tr>        
        
                <tr class="row0">
                     <td>Online Shopping</td>
                     <td>4812</td>
                </tr>        
        
                <tr class="row1">
                     <td>Webmaster</td>
                     <td>4482</td>
                </tr>        
        
                <tr class="row0">
                     <td>Freizeit/Hobby</td>
                     <td>4930</td>
                </tr>        
        
                <tr class="row1">
                     <td>Gewinnspiele</td>
                     <td>3466</td>
                </tr>        
        </tbody>
</table>

row0 und row1 sorgen dafür das die Farben unterschiedlich sind wie hier zu sehen:



Wenn ich nun die Tabelle sortiere, werden leider auch die Klassen
mit sortiert wie hier zu sehen:



Kann man das irgendwie ändern?

 

[tleilax]

Also ohne Aufwand ist das mit der von Dir verwendeten Klasse nicht möglich, da sie diese Funktion nicht bietet (oder ich hab's übersehen) und es wird auch kein Callback am Ende des Sortierens angeboten, so dass Du den Zebra-Effekt selbst anwenden könntest.

Entweder musst Du die Funktionalität selbst in die Klasse einbauen oder Du musst auf eine andere Library zurückgreifen (beispielsweise TableSorter, basiert auf jQuery).

 

[27o8]

Ich wusste gar nicht das es für jQuery auch sowas gibt. jQuery nutze ich selbst nämlich auch, werde das dann entsprechend umbauen .

Danke!

 

[tleilax]

Bei jQuery kann man sich im Allgemeinen recht sicher sein, dass es für alle "Standard"aufgaben Plugins gibt. Ich bin selbst immer wieder erstaunt.