Tabelle mit Scrollbalken innerhalb tbody

Wie bekomme ich eine vertikale scrollbar innerhalb tbody?

HTML:

<table class="table table-striped table-bordered">
    <thead>
        <tr>
            <th>Header1</th>
            <th>Header2</th>
            <th>Header3</th>
            <th>Header4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Cell1</td>
            <td>Cell2</td>
            <td>Cell3</td>
            <td>Cell4</td>
        </tr>
    </tbody>
</table>

Tabelle sollte reagiert werden und haben eine Breite von 100%

In meinem code gibt es 13 überschriften wie diese: https://jsfiddle.net/r5Ly00mq/

Dies sollte die Antwort auf Ihre Frage. stackoverflow.com/questions/14834198/...

InformationsquelleAutor Madsen | 2016-10-26

  1. 0
    thead, tbody { display: block; }

tbody {
    height: 100px;       /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}

    link:-HTML Tabelle mit 100% Breite, mit vertikalen scroll-innen tbody

    InformationsquelleAutor Razia sultana

Schreibe einen Kommentar