Bootstrap4でtableの横幅を列ごとに指定する方法

Bootstrap4でテーブルのthもしくはtdタグに対して、列(セル)ごとに横幅を指定したい時のやり方です
なんか意外とこれ書いてる解説サイト少ないんですが、僕は普通にこのやり方でやってます
<th scope="col" style="width: 10%">10ぱー</th>
要するにstyle属性でwidthをパーセント指定するってわけです
全ての列の数値を合計して100%になるように指定します
テーブル全体のHTML
<table class="table">
<thead>
<tr>
<th scope="col" style="width: 10%">10ぱー</th>
<th scope="col" style="width: 60%">60パーセントぉおおお</th>
<th scope="col" style="width: 20%">20ぱーせんとぉ</th>
</tr>
</thead>
<tbody>
<tr>
<td>狭い</td>
<td>ひっろーーーい</td>
<td>少し狭い</td>
</tr>
</tbody>
</table>
ちなみにレスポンシブも大丈夫です
スマホ画面でも比率が保たれて表示されます

ディスカッション
コメント一覧
まだ、コメントがありません
みんながLoadingしてる記事
新たにPostされた記事
: JS
Dropzone.jsで編集画面を作る(アップロード済みの画像を表示)
前回からの続きです Dropzone.jsを使って画像アップロードの編集画面を作 ...: Laravel
LaravelでDBテーブルをupdateした時に、同時に更新した値を取得する裏技[Laravel8]
通常Eloquentのsaveやupdateでは、実行時に更新した値の結果を返し ...: JS
忘れがちなJqueryのあれやこれ
Jqueryって何でこんなに忘れやすいのでしょうか 呪文にかかったくらい覚えられ ...: 資格
理系エンジニアの僕がTOEICで800点をとるためにした勉強
先日、TOEIC L&R テストで800点を超えました 今回は理系エンジ ...: Laravel
[Laravel8]npm run devが失敗する場合の解決法
Laravel8にJetstreamをインストールする際、npm run dev ...HashMap
Created by
はやぴ
Web/アプリ開発エンジニア
Sierにてお堅いB向けのソフトウェア開発を経て、現在はC向けのWebやアプリを中心に開発しています。
そのほか