Gunnar Bittersmann: Tabelle einklappbar

Beitrag lesen

@@JürgenB

in meiner Version ist aber beim Start keine der Spalten sortiert. Daher hat auch keine Spalte das Symbol. Was hältst du von dieser Variante?

Lädt auch nicht so richtig zum Draufclicken ein, IMHO.

Wie man das gestaltet, hängt auch von der Zielgruppe der Anwendung ab. Für ein Admin-UI ist die von mir gewählte Darstellung sicher genügend. Auf einer Website für heterogenen Nutzerkreis mag das anders aussehen.

Das title-Attribut ist hier vielleicht ein nützlicher Zusatz (hab ich jetzt bei mir auch eingebaut), sollte aber nicht die alleinige Beschreibung der Funktion der Buttons sein. Ich hab das über visuell versteckten Text gelöst:

<button title="sort by title"><span visually-hidden="true">sort by </span>title</button>

mit den bekannten CSS-Angaben für [visually-hidden].

Es macht durchaus Sinn, bei numerischen Werten (incl. Kalenderdaten) auf- und abwärts sortieren zu können. Bei Textspalten sehe ich den Sinn Z→A nicht.

„Ich kann das Alphabet auch rückwärts aufsagen.“ —kein Nutzer, jemals

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann
0 84

Tabelle einklappbar

Feffo
  • css
  • html
  • tabelle
  1. 0
    Rolf B
    1. 1
      Gunnar Bittersmann
      1. 1
        Rolf B
    2. 0
      Pit
      1. 0
        Auge
        1. 0
          Pit
          1. 3
            Auge
            1. 2
              Pit
              1. 1
                Christian Kruse
                1. 1
                  Gunnar Bittersmann
                  • barrierefreiheit
                  • inclusive design
                  1. 0
                    Christian Kruse
                    1. 0
                      marctrix
                      1. 1
                        ursus contionabundo
                        1. 0
                          Gunnar Bittersmann
                          • menschelei
                          1. 0
                            ursus contionabundo
              2. 1
                marctrix
                1. 0
                  marctrix
                  1. 0
                    Tabellenkalk
                    1. 1
                      Matthias Apsel
                      1. 0
                        Tabellenkalk
          2. -2
            Bernd
            1. 0
              Christian Kruse
          3. 1
            Gunnar Bittersmann
            • barrierefreiheit
            • inclusive design
            1. 1

              messages from real live

              ursus contionabundo
      2. 1
        Matthias Apsel
        • barrierefreiheit
      3. 0
        JürgenB
        1. 1
          Gunnar Bittersmann
          1. 1
            JürgenB
            1. 1
              Auge
            2. 1
              Tabellenkalk
              1. 0
                Gunnar Bittersmann
                1. 0
                  JürgenB
                  1. 1
                    Tabellenkalk
                  2. 0
                    Auge
                2. 0
                  Gunnar Bittersmann
                  1. 0
                    Matthias Apsel
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        JürgenB
                        1. 0
                          Gunnar Bittersmann
                          • design
                          • tabelle
                          1. 0
                            JürgenB
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Matthias Apsel
                                1. -2
                                  Gunnar Bittersmann
                              2. 0
                                JürgenB
                              3. 2
                                Christian Kruse
                                1. 0
                                  Gunnar Bittersmann
                                  1. 2
                                    Christian Kruse
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 2
                                        Christian Kruse
                                        1. 2
                                          JürgenB
                                          1. 0
                                            Matthias Apsel
                                            1. 0
                                              Gunnar Bittersmann
                                              1. 0
                                                Matthias Apsel
                                              2. 0
                                                JürgenB
                                          2. 0
                                            Christian Kruse
                                            1. -1
                                              Gunnar Bittersmann
                                              1. 2
                                                Christian Kruse
                                        2. 0
                                          Gunnar Bittersmann
                                          1. 0
                                            Matthias Apsel
                                            1. 0
                                              Gunnar Bittersmann
                                      2. 2
                                        ursus contionabundo
                                        1. 0
                                          Auge
                                          1. 0
                                            Gunnar Bittersmann
                                            1. 0
                                              Matthias Apsel
                                              1. 0
                                                Gunnar Bittersmann
                                            2. 0
                                              Auge
                                              • design
                                              • meinung
                                              • tabelle
                                    2. 0
                                      marctrix
                                  2. 0
                                    sm
                                    1. 0
                                      marctrix
                                    2. 1
                                      Gunnar Bittersmann
                                      1. 0
                                        Matthias Apsel
                                        1. 0
                                          Gunnar Bittersmann
                                          1. 0
                                            Matthias Apsel
                                2. 0
                                  Gunnar Bittersmann
                              4. 0
                                Just try it!
                                1. 0
                                  Tabellenkalk
                  2. 0
                    JürgenB
                    1. 0
                      JürgenB
                    2. 0
                      Gunnar Bittersmann
                      • javascript
                      • tabelle
                    3. 0
                      Gunnar Bittersmann
                      1. 1
                        JürgenB
                        1. 0
                          Matthias Apsel
                          1. 0
                            JürgenB