<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>
table合并单元格
最新推荐文章于 2024-06-12 13:03:03 发布