Tabelle Spalte Größenanpassung

In Bootstrap 3 ich anwenden könnte col-sm-xx zu den th - tags in der thead und ändern der Größe von Tabellenspalten wird. Allerdings funktioniert das nicht in der bootstrap-4. Wie kann ich etwas erreichen, wie dies in der bootstrap-4?

<thead>
<th class="col-sm-3">3 columns wide</th>
<th class="col-sm-5">5 columns wide</th>
<th class="col-sm-4">4 columns wide</th>
</thead>

Blick auf die codeply, sofern es nicht die Größe richtig, vor allem, wenn Sie fügen Sie einige Daten in die Tabelle. Sehen, wie das läuft:

<div class="container" style="border: 1px solid black;">
    <table class="table table-bordered">
    <thead>
        <tr class="row">
            <th class="col-sm-3">3 columns wide</th>
            <th class="col-sm-5">5 columns wide</th>
            <th class="col-sm-4">4 columns wide</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>123</td>
            <td>456</td>
            <td>789</td>
        </tr>
    </tbody>
</table>
</div>
  • als Nachtrag zu dieser Frage: wenn Sie schon lange Inhalte (wie die sehr langen URLs), um den Bildschirm des bootstrap 4 Tabellen sind nicht eine große Lösung, auch mit dem schlichten Antwort unten. entweder mit einer flex-Zeile oder Zeilen - /Spalten-Lösung tendenziell besser arbeiten mit überlauf-und text-wrap
InformationsquelleAutor Killerpixler | 2016-06-20
Schreibe einen Kommentar