各位大佬，这种表格怎么实现？图二内容直接放在图一内容下面就行，拜托各位大佬 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>

前端如何实现这种表单？

你尚未登录，登录后可以

不同页面之间可以通过localstorage保存响应式吗？

网站的不同域名互相跳转如何保持登录态？

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

相同的HTML代码，用v-html与直接写在模板中染相表现差异巨大，如何规避？

vite项目如何导入.pem公钥更规范？

使用vue-pdf本地浏览器使用chrome移动机型可以正常预览，但是到了线上就无法正常预览了?

移动端切换路由后返回，视频启动播放会严重滞后，好怪？