テーブルの幅をセルの幅の合計に合わせる

テーブルの幅をセルの幅の合計に合わせるには、 width: fit-content; を使用する。

<div style="overflow: auto;">
    <table style="width: fit-content; table-layout: fixed;">
        <colgroup>
            <col style="width:150px;">
            <col style="width:150px;">
            <col style="width:150px;">
            <col style="width:150px;">
            <col style="width:150px;">
            <col style="width:150px;">
        </colgroup>
        <tr>
            <td>1-1</td>
            <td>1-2</td>
            <td>1-3</td>
            <td>1-4</td>
            <td>1-5</td>
            <td>1-6</td>
        </tr>
        <tr>
            <td>2-1</td>
            <td>2-2</td>
            <td>2-3</td>
            <td>2-4</td>
            <td>2-5</td>
            <td>2-6</td>
        </tr>
    </table>
</div>