Announcement

Collapse
No announcement yet.

Tabelle mit feststehender Kopfzeile?

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Tabelle mit feststehender Kopfzeile?

    Hallo Leute,

    ich möchte gerne eine Tabelle dynamisch erzeugen.

    Die Tabelle ist je nach Bedarf unterschiedlich lang. Jetzt möchte ich, dass diese Tabelle, wenn sie eine bestimmte Länge erreicht, scrollbar wird.

    Beides funktioniert super....
    Aber jetzt meine Frage ist es machbar die Kopfzeile zu fixieren und den restlichen Tabellenbereich zu scrollen? ( ähnlich Excel )
    PHP Code:
    <thead>
       <tr >
        <th scope="col">SP1 &nbsp;</th>
        <th scope="col">SP2&nbsp;</th>
        <th scope="col">SP3&nbsp;</th>
        <th scope="col">SP4&nbsp;</th>
        <th scope="col">SP5&nbsp;</th>
        <th scope="col">SP6&nbsp;</th>
       </tr>
       </thead>
       <tbody>
     <?php
         
    foreach($blabla as $bla){ 
     
    ?>
          <tr>
           <td><?php echo $bla['SP1']; ?></td>
           <td><?php echo $bla['SP1']; ?></td>
           <td><?php echo $bla['SP1']; ?></td>
           <td><?php echo $bla['SP1']; ?></td>
           <td><?php echo $bla['SP1']; ?></td>
           <td><?php echo $bla['SP1']; ?></td>
         </tr>
       <?php }?>
       </tbody

  • #2
    Die Kopfzeile in eine Tabelle und die Daten in eine zweite direkt darunter
    Christian

    Comment


    • #3
      dann muss ich die Tabelle aber mit einer fixen Breite anlegen und jede Spalte mit einer fixen Breite versehen. mmmh

      Comment


      • #4
        Sicherlich, da die Tabelle eben keine Exceltabelle ist, wirst du das wohl bei jeder Lösung machen müssen. Du kannst die Tabelle auch per div-Tags und Javascript zusammenbasteln.....
        Christian

        Comment


        • #5
          Klar geht das: für den Tabellen-Body im css höhe und overflow angeben....

          Comment


          • #6
            mhhh nö, geht nicht.... wäre natürlich genial.

            Comment


            • #7
              tabelle.jpgûnd wie das geht...
              Zuletzt editiert von tömmel; 29.11.2012, 08:57.

              Comment


              • #8
                dann zeig hier doch ein funktionierendes Beispiel
                Christian

                Comment


                • #9
                  http://www.farinspace.com/jquery-scr...-table-plugin/

                  das wollte ich jetzt mal ausprobieren, aber ich warte auf das Beispiel.

                  Comment


                  • #10
                    betroffen:
                    4 Mio. Menschen
                    betroffen:
                    2 Mio. Menschen
                    betroffen:
                    1 Mio. Menschen
                    Berlin Hamburg M&uuml;nchen
                    Milj&ouml;h Kiez Bierdampf
                    Buletten Frikadellen Fleischpflanzerl
                    funktioniert jedenfalls nicht
                    Christian

                    Comment


                    • #11
                      ...oben ist ein Screenshot ... leider kann ich jetzt nicht auf die schnelle eine Quelle basteln wo keine Kundendaten drin sind.... es ist etwas frickelig aber es geht -

                      Comment


                      • #12
                        das sieht mir aber nach einem CMS aus....

                        ist jedenfalls kein reines HTML und CSS.....

                        Comment


                        • #13
                          Leider wird der HTML-Code direkt umgesetzt, Jedenfalls nicht mit deinem Hinweis den tbody mit height und overflow. Und da auch JQuery einen hohen Aufwand treibt, werden die beiden Angaben allein nicht reichen
                          Christian

                          Comment


                          • #14
                            hoher Aufwand geht ja, ist auch egal. Hauptsache ich habe meine feststehende Kopfzeile.

                            Comment


                            • #15
                              Zumal du ja nur einen minimalen Aufwand mit JQuery hast...den hohen Aufwand hat ja die Lib
                              Christian

                              Comment

                              Working...
                              X