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

  1. 0
    1. 1
      1. 1
    2. 0
      1. 0
        1. 0
          1. 3
            1. 2
              1. 1
                1. 1
                  1. 0
                    1. 0
                      1. 1
                        1. 0
                          1. 0
              2. 1
                1. 0
                  1. 0
                    1. 1
                      1. 0
          2. -2
            1. 0
          3. 1
            1. 1

              messages from real live

      2. 1
      3. 0
        1. 1
          1. 1
            1. 1
            2. 1
              1. 0
                1. 0
                  1. 1
                  2. 0
                2. 0
                  1. 0
                    1. 0
                      1. 0
                        1. 0
                          1. 0
                            1. 0
                              1. 0
                                1. -2
                              2. 0
                              3. 2
                                1. 0
                                  1. 2
                                    1. 0
                                      1. 2
                                        1. 2
                                          1. 0
                                            1. 0
                                              1. 0
                                              2. 0
                                          2. 0
                                            1. -1
                                              1. 2
                                        2. 0
                                          1. 0
                                            1. 0
                                      2. 2
                                        1. 0
                                          1. 0
                                            1. 0
                                              1. 0
                                            2. 0
                                    2. 0
                                  2. 0
                                    1. 0
                                    2. 1
                                      1. 0
                                        1. 0
                                          1. 0
                                2. 0
                              4. 0
                                1. 0
                  2. 0
                    1. 0
                    2. 0
                    3. 0
                      1. 1
                        1. 0
                          1. 0