【CSS】Bootstrapでテーブルの列幅を指定したい

環境

• Bootstrap@5.3.0

やりたいこと

• 自分で列幅を指定したい

やったこと

• th 要素に style="width: xx%" を設定する

<table class="table table-bordered">
    <thead>
        <tr>
            <th scope="col">No.</th>
            <th scope="col">なまえ</th>
            <th scope="col">ぶんるい</th>
            <th scope="col" style="width: 5%">HP</th>
            <th scope="col" style="width: 5%">こうげき</th>
            <th scope="col" style="width: 5%">ぼうぎょ</th>
            <th scope="col" style="width: 5%">とくこう</th>
            <th scope="col" style="width: 5%">とくぼう</th>
            <th scope="col" style="width: 5%">すばやさ</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">025</th>
            <td>ピカチュウ</td>
            <td>ねずみ</td>
            <td>35</td>
            <td>55</td>
            <td>40</td>
            <td>50</td>
            <td>50</td>
            <td>90</td>
        </tr>
    </tbody>
</table>

参考URL

• Bootstrapでテーブルのtdやthの横幅を固定にする方法！ | Qumeruマガジン