table合并单元格

<template>
    <div id="work">
        <el-table :data="tableData" class="table" height="250">
            <el-table-column prop="date1" label="日期一" width="50"> </el-table-column>
            <el-table-column prop="date2" label="日期二" width="50"> </el-table-column>
            <el-table-column label="配送信息">
                <el-table-column label="第一组">
                    <el-table-column prop="date3" label="省份"> </el-table-column>
                    <el-table-column prop="date4" label="市区"> </el-table-column>
                    <el-table-column prop="date5" label="地址"> </el-table-column>
                </el-table-column>
                <el-table-column label="第二组">
                    <el-table-column prop="date6" label="省份"> </el-table-column>
                    <el-table-column prop="date7" label="市区"> </el-table-column>
                    <el-table-column prop="date8" label="地址"> </el-table-column>
                </el-table-column>
                <el-table-column label="第三组">
                    <el-table-column prop="date9" label="省份"> </el-table-column>
                    <el-table-column prop="date10" label="市区"> </el-table-column>
                    <el-table-column prop="date11" label="地址"> </el-table-column>
                </el-table-column>
                <el-table-column label="第四组">
                    <el-table-column prop="date12" label="省份"> </el-table-column>
                    <el-table-column prop="date13" label="市区"> </el-table-column>
                    <el-table-column prop="date14" label="地址"> </el-table-column>
                </el-table-column>
            </el-table-column>
            <el-table-column prop="date15" label="日期一" width="50"> </el-table-column>
            <el-table-column prop="date16" label="日期二" width="50"> </el-table-column>
            <el-table-column prop="date17" label="日期三" width="50"> </el-table-column>
            <el-table-column label="日期四">
                <el-table-column prop="date18" label="日期五"> </el-table-column>
                <el-table-column prop="date19" label="日期六"> </el-table-column>
            </el-table-column>
            <el-table-column label="日期七">
                <el-table-column label="日期八">
                    <el-table-column prop="date20" label="日期九"> </el-table-column>
                </el-table-column>
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
export default {
    data() {
        return {
            tableData: [
                {
                    date1: 1,
                },
                {
                    date1: 1,
                },
                {
                    date1: 1,
                },
                {
                    date1: 1,
                },
                {
                    date1: 1,
                },
                {
                    date1: 1,
                },
                {
                    date1: 1,
                },
                {
                    date1: 1,
                },
                {
                    date1: 1,
                },
                {
                    date1: 1,
                    date2: 1,
                    date3: 1,
                    date4: 1,
                    date5: 1,
                    date6: 1,
                    date7: 1,
                    date8: 1,
                    date9: 1,
                    date10: 1,
                    date11: 1,
                    date12: 1,
                    date13: 1,
                    date14: 1,
                    date15: 1,
                    date16: 1,
                    date17: 1,
                    date18: 1,
                    date19: 1,
                    date20: 1,
                },
                {
                    date1: 1,
                    date2: 1,
                    date3: 1,
                    date4: 1,
                    date5: 1,
                    date6: 1,
                    date7: 1,
                    date8: 1,
                    date9: 1,
                    date10: 1,
                    date11: 1,
                    date12: 1,
                    date13: 1,
                    date14: 1,
                    date15: 1,
                    date16: 1,
                    date17: 1,
                    date18: 1,
                    date19: 1,
                    date20: 1,
                },
            ],
        };
    },
};
</script>

<style>
th,
tr {
    text-align: center !important;
}
</style>