Beste Sitedeals Members,

Jullie hebben vast wel eens zelf met het probleem te maken gehad.
Je hebt een tabel, wil deze duidelijk leesbaar maken door verschillende rowcolors, maakt de tabel sorteerbaar. Klikt op een sorteerbare head en vervolgens klopt er helemaal niets meer van.

Afbeeldingen van het probleem

Voor het sorteren


Na sorteren:



De code's worden alsvolgt gegenereerd:

PHP Tabel

PHP Code:

<table id="cbUserTable" class="cbUserListTable cbUserListT_<?php echo $this->listid ?> sortable">
      <thead>
        <tr class="sectiontableheader">
<?php
        // table headers:
    
            $colsNbr = count( $this->columns );
            foreach ( $this->columns as $column ) {
                echo "\t\t\t<th><b>" . $column->titleRendered . "</b></th>\n";
            }
?>

        </tr>
      </thead>
      <tbody>
<?php

        // table content:

        $i = 0;
        if ( is_array( $this->users ) && count( $this->users ) > 0 ) {
            foreach ( $this->users as $userIdx => $user) {
                $class = "sectiontableentry" . ( 1 + ( $i % 2 ) );        // evenodd class

CSS:

Code:

#cbUserTable .sectiontableentry2 {
    background-color: #ccc;
}

Weet iemand hoe ik na het sorteren de row colors kan behouden op de goede plek?
alvast bedankt.

Mvg,
Dylan Damsma

Dat lijkt me alleen de code van het eerste venster waar het nog goed is, waar is de code naar de sorteer actie ?

Origineel gepost door Raymond Nijland

Dat lijkt me alleen de code van het eerste venster waar het nog goed is, waar is de code naar de sorteer actie ?

http://santosbikes.com/sorttable.js
Dat bestand zorgt ervoor dat de tabellen kunnen worden gesorteerd.

Dit javascriptje heb ik niet zelf in elkaar gezet. het JS bestandje wordt geactiveerd door de class "sortable" in de tabel heading. (thead)

Ik kan je verzekeren dat het niet gemakkelijk wordt :) neem iig even contact op met de auteur van je javascript en kijk of hij er een aanpassing in kan maken! :)

Origineel gepost door Eric Bruggema

Ik kan je verzekeren dat het niet gemakkelijk wordt :) neem iig even contact op met de auteur van je javascript en kijk of hij er een aanpassing in kan maken! :)

Ik weet dat het kan, doormiddel van een ander Javascript genaamd 'Tablesorter' en dan een zebra widget activeren o.i.d. Zojuist door flink te googlen achter gekomen.
Alleen wanneer ik dat script in mijn PHP generated tabel probeer te integreren gaat het helemaal mis. haha:) ik hou jullie op de hoogte. En als iemand dé oplossing weet. Let me know.

Je moet simpel denken. Stel gewoon een achtergrond in op de tabel, 1px breed, 2 rijen hoog met het kleurverschil wat jij wil zien.

Origineel gepost door Ramon Mol

Je moet simpel denken. Stel gewoon een achtergrond in op de tabel, 1px breed, 2 rijen hoog met het kleurverschil wat jij wil zien.

Damn.. die is wel verekte slim. Eens even proberen.

Edit: Nou, had ik daar nu 4uur voor nodig? Bedankt Ramon!