Formulare einer Tabelle mit verschiedenen Funktionen organisieren

[Gunnar Bittersmann]

@@borisbaer

Die Spalte, nach der aktuell sortiert wurde, sollte dies durch das aria-sort-Attribut an ihrer Kopfzelle angeben:

<table>
  <thead>
    <tr>
      <th>
        <button type="submit" name="sort" value="given-name.asc" form="sortform">
          Vorname
        </button>
      </th>
      <th aria-sort="ascending">
        <button disabled="" type="submit" name="sort" value="family-name.asc" form="sortform">
          Familienname
        </button>
      </th>
      ...
    </tr>
  </thead>
  ...
</table>

Den Button hab ich für diese Spalte deaktiviert; er wird ja nicht gebraucht. Absteigende alphabetische Sortierung macht IMHO keinen Sinn. (Möglich ist natürlich auch, dann keinen button in die th zu setzen.)

Edith: fehlendes tr-Element ergänzt

🖖 Живіть довго і процвітайте