大佬们这个表格怎么做啊

图片说明

大佬们这个表格怎么用

写啊，拜托了

看下几行几列，哪些地方与合并，表格要求的大小，最后直接一点点的创建出来不久可以了。创建一个HTML文件试一下后面不久熟悉了

看到你截图 5行7列 colspan是横向合并；rowspan是纵向合并

<tr>
    <td rowspan=‘2’>序号</td> <td rowspan=‘2’>项目</td> <td  colspan='2'>竣工时间</td> <td  colspan='3'>暂估转资时间（。。。。。。）</td>
</tr>
<tr>
    <td>1</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
</tr>

没有编译器大致如下具体使用看 colspan、rowspan的用法

就是个列表啊，只是表头复杂一些，数据和正常的列表没有区别。设计表头时可以使用element-ui组件，官网有相关示例，参考即可
可以参考https://element.eleme.cn/#/zh-CN/component/table 里面有一个示例是《多级表头》，直接就是你要的效果

因为，你的问题标签中包含了vue.js，不知道你是否用了前端框架，我是直接用HTML写的代码，如果有用前端框架，可追问，看到会回复，

望采纳

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .table{
            width: 900px;
            margin: 50px auto;
        }
        .table td{
            padding: 10px 20px;
        }
    </style>
</head>
<body>
    <table border="1" cellpadding="0" cellspacing="0" class="table">
        <tr>
            <td rowspan="2">序号</td>
            <td rowspan="2">项目</td>
            <td colspan="2">竣工时间</td>
            <td colspan="3">暂估转资时间（竣工之日起20个工作日）</td>
        </tr>
        <tr>
            <td>填列时间</td>
            <td>实际竣工时间</td>
            <td>应完毕时间</td>
            <td>实际完毕时间</td>
            <td>超期完工时间</td>
        </tr>
        <tr>
            <td>1</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>

        <tr>
            <td>2</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
</body>
</html>

这就是运行后的样子，样式style，无法编译，自己在代码块中复制运行吧
图片说明