如何在语义上表示表单元格组？

问题描述

我有一个看起来像这样的表：

我正在寻找一个语义上有意义的表示形式。我不希望获得相同的可视化效果。

我苦苦挣扎的是这两个组：“其他业务费用”和“财务收入与支出”。如何在HTML中对元素进行分组？

我最好的尝试

<table>
    <thead>
        <tr>
            <th>Profit and Loss Account</th>
            <th>01.01.-31.12.2018</th>
            <th>01.01.-31.12.2017</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td><strong>Net Turnover</strong></td>
            <td>1234567.89</td>
            <td>12456.78</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>Other operating charges</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>&nbsp; Management fee</td>
            <td>-12345.56</td>
            <td>-54321.00</td>
        </tr>
        <tr>
            <td>&nbsp; Other operating charges</td>
            <td>-1234.50</td>
            <td>-1234.12</td>
        </tr>
        <tr>
            <td></td>
            <td>1220987.73</td>
            <td>-43098.34</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td><strong>Operating Profit (Loss)</strong></td>
            <td>5 700 000,00</td>
            <td>2 100 000,00</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>Financial income and expenses</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>&nbsp; Reduction in value of investments held as non-current assets</td>
            <td>-3000000.00</td>
            <td>-400000.00</td>
        </tr>
        <tr>
            <td>&nbsp; Other financial income and expenses</td>
            <td>-12 000,00</td>
            <td>-18 000,00</td>
        </tr>
        <tr>
            <td></td>
            <td>-3012000.00</td>
            <td>-418000.00</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>

    </tbody>
    <tfoot>
        <tr>
            <td><strong>Profit (loss) for the period</strong></td>
            <td><strong>2 688 000,00</strong></td>
            <td><strong>1 682 000,00</strong></td>
        </tr>
    </tfoot>
</table>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）