Tabellenbeschriftung geht mit Bootstrap nach unten

Lesezeit: 1 Minute

Benutzer-Avatar
Ali Rasooli

Die Tabellenunterschrift befindet sich oben in der Tabelle, aber wenn ich eine Bootstrap-Klasse verwende, wird sie an das Ende der Tabelle verschoben.

<table class="table table-bordered">
    <caption>why?</caption>
    <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
    </tr>
    <tr>
        <th>4</th>
        <td>5</td>
        <td>6</td>
    </tr>
</table>

Wie richte ich es an der Oberseite der Tabelle aus?

  • Dasselbe Problem mit v4.3.1

    – joym8

    10. Juni 2020 um 17:03 Uhr

Das liegt daran, dass Bootstrap 4 einen Standard-CSS-Stil für Untertitel hat – caption-side: bottom

Wenn Sie sich ändern caption-side: top; Sie haben Ihre Beschriftung oben auf der Tabelle.

  • Irgendwelche Gedanken darüber, wie man die Beschriftungspositionierung für leere Tabellen ändert? Mir ist aufgefallen, dass, wenn meine Tabelle leer ist, die Beschriftung auch oben statt unten in der Tabelle angezeigt wird.

    – Jake Wong

    12. Oktober 2018 um 2:35 Uhr

  • Haben Sie es mit caption-side: bottom anstelle von caption-side: top versucht? Du solltest mir schicken, was du bisher versucht hast, ich kann es ohne deinen Code nicht erraten

    – Meile Mijatović

    12. Oktober 2018 um 8:30 Uhr

  • Gibt es dafür einen Bootstrap-Klassennamen?

    – Björn C

    29. Oktober 2018 um 11:35 Uhr

  • Es gibt keinen speziellen Klassennamen aus dem Bootstrap, Sie können einfach verwenden <caption></caption>

    – Meile Mijatović

    29. Oktober 2018 um 18:35 Uhr

  • Dies muss für die deklariert werden caption Schild; also insgesamt ist es: caption { caption-side:top; }

    – Thomas Landauer

    7. November 2019 um 12:58 Uhr


1137060cookie-checkTabellenbeschriftung geht mit Bootstrap nach unten

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy