JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1" cellspacing="0" cellpadding="0" style="table-layout:fixed;">
            <tbody>
                <tr>
                    <td colspan="2" style="width:300px;">轮胎消耗定额计算</td>
                    <td colspan="2" style="width:150px;">发行日期</td>
                    <td colspan="2" style="width:150px;"><div id="publishdate">2018-08-20</div></td>
                </tr>
                <tr>
                    <td colspan="2" rowspan="2" style="width:300px;"><div id="productioncode">AC05A</div></td>
                    <td style="width:100px;">841</td>
                    <td colspan="2" style="width:100px;">8412</td>
                    <td style="width:100px;">担当</td>
                </tr>
                <tr>
                    <td rowspan="2" style="width:100px;height:40px;"><div id="Approvalfirst">841Demo</div></td>
                    <td rowspan="2" colspan="2" style="width:100px;height:40px;"><div id="ApprovalSecond">8412Demo</div></td>
                    <td rowspan="2" colspan="2" style="width:100px;height:40px;"><div id="Creator">担当Demo</div></td>
                </tr>
                <tr></tr>

            </tbody>
        </table>