vapita: PHP: Session array erweitern -> Sortierfunktion im Index

Beitrag lesen

Hallo PHP-Neuling,

ich habe es so verstanden, dass du gern folgendes haben möchtest:

  • Sortieren der Tabellen über mehrere Spalten
  • Speichern der Sortierung beim Neuladen der Seite oder nach der Wiederkehr
  • Spaltenfilter (Suchfunktion?)
  • Keine aufwendige Implementierung
  • Schnelles Anwenden auf jede beliebige Tabelle
  • optional Paging möglich

Ich habe herumprobiert und etwas gefunden, das dem gerecht wird und nach meinem Test auch unter IE11 funktioniert. Ja, es ist Javascript, bzw. JQuery, aber es tut genau das, was es soll.

Hier findest du ein Beispiel, dass ich extra auf meiner Seite zum Testen implementierte:

https://www.ringhorn.de/base/index

Durch Klicken mit [Umschalt]-Taste kann man nach mehreren Spalten sortieren. Wenn du einen neuen Eintrag hinzufügst, die Seite aktualisierst oder sonstiges tust, bleibt die Sortierung erhalten.

Implementierung

HTML

<!-- choose a theme file -->
<link rel="stylesheet" href="/path/to/theme.default.css">
<!-- load jQuery and tablesorter scripts -->
<script type="text/javascript" src="/path/to/jquery-latest.js"></script>
<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script>

<!-- tablesorter widgets (optional) -->
<script type="text/javascript" src="/path/to/jquery.tablesorter.widgets.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $("table").tablesorter({
        theme : "dark",
        widthFixed: true,
        widgets : [ "filter", "columns", "zebra", "saveSort" ],
        widgetOptions : {
            // class names added to columns when sorted
            columns: [ "primary", "secondary", "tertiary" ],
            // reset filters button
            filter_reset : ".reset",
            // extra css class name (string or array) added to the filter element (input or select)
            filter_cssFilter:
                ''
        }
    })    
});
</script>

Füge anschließend deiner Tablle .tablesorter hinzu:

<table class="tablesorter">
...

Vielleicht ist es etwas für dich, und wenn doch nicht, auch nicht tragisch. Ansonsten ist die Implentierung recht übersichtlich und man muss sich nicht weiter drum kümmern bei der Ausgabe der Tabellen.

Weitere Infos findest du auch hier:

https://mottie.github.io/tablesorter/docs/

Beste Grüße und alles Gute

Vapita

0 47

PHP: Session array erweitern -> Sortierfunktion im Index

PHP-Neuling
  • datenbank
  • html
  • php
  1. 1
    localhorst
    • datenbank
    • javascript
    • php
    1. 0
      PHP-Neuling
    2. 0
      dedlfix
      1. 0
        localhorst
        1. 0
          1unitedpower
          1. 0
            localhorst
            • php
            • speicher
            1. 0
              1unitedpower
  2. 0
    dedlfix
    1. 0
      PHP-Neuling
      1. 0
        dedlfix
      2. 1

        Wichtig: Zuerst den Plan!

        Raketendiagnistiker
      3. 2
        TS
        • datenbank
        • https
        • php
  3. 0
    Rakketendiagnostiker
    1. 0
      dedlfix
      1. 0
        Raketendiagnostiker
    2. 0
      PHP-Neuling
      1. 0
        PHP-Neuling
      2. 1
        dedlfix
        1. 0
          PHP-Neuling
          1. 0
            dedlfix
            1. 0
              PHP-Neuling
              1. 0
                dedlfix
              2. 1
                localhorst
                • html
                • kontextwechsel
                • php
          2. 0
            Rolf B
            1. -1
              dedlfix
              1. 0
                Rolf B
              2. 1
                localhorst
                • datenbank
                • https
                • php
  4. 0
    vapita
    1. 0
      Matthias Apsel
  5. 0
    PHP-Neuling
  6. 0
    Felix Riesterer
    1. 0
      Raketenwilli
  7. 0
    Raketenheini
    1. 0
      PHP-Neuling
      1. 0
        localhorst
      2. -1
        Raketenheini
        1. 0
          localhorst
          • datenbank
          • https
          • php
        2. 0
          PHP-Neuling
          1. 0
            Felix Riesterer
            1. 0
              PHP-Neuling
              1. 0
                Felix Riesterer
                1. 0
                  PHP-Neuling
          2. 0
            vapita
            1. 0
              PHP-Neuling
      3. 0
        dedlfix
        1. 0
          Rolf B