Наша группа в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Теги группирования столбцов – <colgroup> и строк – <tbody>

1 36 47 9
2 9 1
7 6
2 4 3 9 8
5 9 7 1
6 5 2
7
9 8 2 5

Исходный код этого примера:
<style type="text/css">
    table {
        border-collapse: collapse;
        border: 3px solid #000;
    }
    colgroup,
    tbody {
        border: 2px solid #000;
    }
    td {
        border: 1px solid #000;
        height: 20px;
        width: 20px;
        text-align: center;
        padding: 0;
    }
</style>
<h1>Теги группирования столбцов – &lt;colgroup&gt; и строк – &lt;tbody&gt;</h1>
<table>
    <colgroup span="3"></colgroup>
    <colgroup span="3"></colgroup>
    <colgroup span="3"></colgroup>
    <tbody>
    <tr><td>1</td><td> </td><td>3</td><td>6</td><td> </td><td>4</td><td>7</td><td> </td><td>9</td></tr>
    <tr><td> </td><td>2</td><td> </td><td> </td><td>9</td><td> </td><td> </td><td>1</td><td> </td></tr>
    <tr><td>7</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>6</td></tr>
    </tbody>
    <tbody>
    <tr><td>2</td><td> </td><td>4</td><td> </td><td>3</td><td> </td><td>9</td><td> </td><td>8</td></tr>
    <tr><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
    <tr><td>5</td><td> </td><td> </td><td>9</td><td> </td><td>7</td><td> </td><td> </td><td>1</td></tr>
    </tbody>
    <tbody>
    <tr><td>6</td><td> </td><td> </td><td> </td><td>5</td><td> </td><td> </td><td> </td><td>2</td></tr>
    <tr><td> </td><td> </td><td> </td><td> </td><td>7</td><td> </td><td> </td><td> </td><td> </td></tr>
    <tr><td>9</td><td> </td><td> </td><td>8</td><td> </td><td>2</td><td> </td><td> </td><td>5</td></tr>
    </tbody>
</table>