Colonne de Table de dimensionnement

Dans Bootstrap 3, je pourrais appliquer col-sm-xx à la th balises dans le thead et de redimensionner les colonnes de la table à volonté. Toutefois, cela ne fonctionne pas dans le bootstrap 4. Comment puis-je obtenir quelque chose comme ceci dans le 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>

À la recherche à la codeply à condition qu'il n'a pas la taille correctement, surtout si vous ajoutez des données à la table. Voir comment cela fonctionne:

<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>
  • comme un addendum à cette question: si vous avez depuis longtemps de contenu (tels que les très longues URLs) pour afficher le bootstrap 4 tables ne sont pas une bonne solution, même avec le dimensionnement de la réponse ci-dessous. soit à l'aide d'un flex-ligne ou une ligne/col solution a tendance à mieux travailler avec trop-plein et le texte-wrap
InformationsquelleAutor Killerpixler | 2016-06-20