首先,看渲染图。标题的第一个单元格由斜线分隔。HTML代码:注意:el-table-column增加了align和header-align两个属性,header-align是表格表头的对齐方式,而align是表格内容的对齐方式,所以可以根据不同的原型来设置。css::v-deep.el-tablethead.is-groupth{background:none;}::v-deep.el-tablethead.is-grouptr:first-of-typeth:first-of-输入{border-bottom:none;}::v-deep.el-tablethead.is-grouptr:first-of-typeth:first-of-type:before{content:"";位置:绝对;宽度:1px;高度:82px;/*这个需要自己调整,根据td的宽高*/top:0;左:0;背景色:#bbb;不透明度:0.3;显示:块;变换:旋转(-58deg);/*这里需要自己调整,根据行的位置*/transform-origin:top;}::v-deep.el-tablethead.is-grouptr:last-of-typeth:first-of-type:before{content:"";位置:绝对;宽度:1px;高度:82px;/*这里需要自己调整,根据td的宽高*/bottom:0;右:0;背景颜色:#bbb;不透明度:0.3;显示:块;变换:旋转(-59.9deg);/*这个需要自己调整,根据线的位置*/transform-origin:bottom;}注意:代码中注释的部分需要手动调整微调其实就是划分时间段和月分成两个元素,然后用旋转调整角度,使两条线完全重合。