Skip to content
This repository was archived by the owner on Nov 22, 2025. It is now read-only.
This repository was archived by the owner on Nov 22, 2025. It is now read-only.

Table example with column widths set #30

@mhulse

Description

@mhulse
<table>
    <colgroup>
        <col style="width: 70%">
        <col style="width: 5%">
        <col style="width: 5%">
        <col style="width: 5%">
        <col style="width: 5%">
        <col style="width: 5%">
        <col style="width: 5%">
    </colgroup>
    <thead>
        <tr>
            <th>Question</th>
            <th scope="col">
                Not a Problem
                <br>
                (1)
            </th>
            <th scope="col">
                A Slight Problem
                <br>
                (2)
            </th>
            <th scope="col">
                A Moderate Problem
                <br>
                (3)
            </th>
            <th scope="col">
                A Somewhat Serious Problem
                <br>
                (4)
            </th>
            <th scope="col">
                A Serious Problem
                <br>
                (5)
            </th>
            <th scope="col">
                A Very Serious Problem
                <br>
                (6)
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th colspan="7">xxxx</th>
        </tr>
        <tr data-id="item_5">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr data-id="item_9">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr data-id="item_13">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr data-id="item_21">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr data-id="item_25">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <th colspan="7">xxxx</th>
        </tr>
        <tr data-id="item_1">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr data-id="item_8">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr data-id="item_12">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr data-id="item_28">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <th colspan="7">xxxx</th>
        </tr>
        <tr data-id="item_3">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr data-id="item_15">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr data-id="item_22">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr data-id="item_27">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <th colspan="7">xxxx</th>
        </tr>
        <tr data-id="item_4">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr data-id="item_10">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr data-id="item_19">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr data-id="item_24">
            <th scope="row">Blah</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions