各位大佬，这种表格怎么实现？图二内容直接放在图一内容下面就行，拜托各位大佬 elementui尝试过，但是没有写出来

样式自己调整就可以了 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <table width="100%" border="1"> <tbody> <tr> <td> 时间 </td> <td colspan="2" align="center"> : ~ :</td> <td colspan="3"> 当值班长（或正值）：付值：</td> </tr> <tr> <td> 起止时间</td> <td> 操作依据</td> <td colspan="2"> 操作内容</td> <td colspan="2"> 运行方式</td> </tr> <tr> <td> </td> <td> </td> <td colspan="2"> </td> <td colspan="2"> </td> </tr> <tr> <td> </td> <td> </td> <td colspan="2"> </td> <td colspan="2"> </td> </tr> <tr> <td> </td> <td> </td> <td colspan="2"> </td> <td colspan="2"> </td> </tr> <tr> <td> </td> <td> </td> <td colspan="2"> </td> <td colspan="2"> </td> </tr> <tr> <td> </td> <td> </td> <td colspan="2"> </td> <td colspan="2"> </td> </tr> <tr> <td> </td> <td> </td> <td colspan="2"> </td> <td colspan="2"> 异常/事故</td> </tr> <tr> <td> </td> <td> </td> <td colspan="2"> </td> <td colspan="2"> </td> </tr> <tr> <td> </td> <td> </td> <td colspan="2"> </td> <td colspan="2"> </td> </tr> <tr> <td> 预发任务</td> <td> 预发时间</td> <td colspan="2"> 操作内容</td> <td colspan="2"> 设备变动</td> </tr> <tr> <td> </td> <td> </td> <td colspan="2"> </td> <td colspan="2"> </td> </tr> <tr> <td> </td> <td> </td> <td colspan="2"> </td> <td colspan="2"> </td> </tr> <tr> <td> </td> <td> </td> <td colspan="2"> </td> <td colspan="2"> </td> </tr> <tr> <td colspan="6">设备巡视：</td> </tr> <tr> <td colspan="6"> </td> </tr> </tbody> </table> </body> </html>

https://element.eleme.cn/#/zh-CN/component/descriptions ，可以试试描述列表

前端如何实现这种表单？

样式自己调整就可以了

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<table width="100%" border="1">
    <tbody>
        <tr>
            <td>&nbsp;时间&nbsp;</td>
            <td colspan="2" align="center">&nbsp;:&nbsp; &nbsp; &nbsp;~&nbsp; &nbsp; &nbsp;:</td>
            <td colspan="3">&nbsp;当值班长（或正值）：&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 付值：</td>
        </tr>
        <tr>
            <td>&nbsp;起止时间</td>
            <td>&nbsp;操作依据</td>
            <td colspan="2">&nbsp;操作内容</td>
            <td colspan="2">&nbsp;运行方式</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td colspan="2">&nbsp;</td>
            <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td colspan="2">&nbsp;</td>
            <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td colspan="2">&nbsp;</td>
            <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td colspan="2">&nbsp;</td>
            <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td colspan="2">&nbsp;</td>
            <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td colspan="2">&nbsp;</td>
            <td colspan="2">&nbsp;异常/事故</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td colspan="2">&nbsp;</td>
            <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td colspan="2">&nbsp;</td>
            <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;预发任务</td>
            <td>&nbsp;预发时间</td>
            <td colspan="2">&nbsp;操作内容</td>
            <td colspan="2">&nbsp;设备变动</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td colspan="2">&nbsp;</td>
            <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td colspan="2">&nbsp;</td>
            <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td colspan="2">&nbsp;</td>
            <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td colspan="6">设备巡视：</td>
        </tr>
        <tr>
            <td colspan="6">&nbsp;</td>
        </tr>
    </tbody>
</table>


</body>
</html>

前端如何实现这种表单？

你尚未登录，登录后可以

Vue项目一个报错无法找到原因?

前端页面脚本更新时，如何让用户端，使用最新脚本？

solidjs中如何实现vue中的keep-alive功能？

给定两个节点，如何找出他们之间的所有路径？

如何在Vue自定义指令中防止中文拼音输入影响数字验证？

Element-UI el-table行编辑状态无法切换是为什么呢？

vue中如何更好地处理深度组件抛出的事件?