html th中加斜杠,vue element 表头添加斜线

filters: {},

data() {return{

tableData3: [{

date:'2016-05-03',

name:'王小虎',

province:'上海',

city:'普陀区',

address:'上海市普陀区金沙江路 1518 弄',

zip:200333}, {

date:'2016-05-02',

name:'王小虎',

province:'上海',

city:'普陀区',

address:'上海市普陀区金沙江路 1518 弄',

zip:200333}, {

date:'2016-05-04',

name:'王小虎',

province:'上海',

city:'普陀区',

address:'上海市普陀区金沙江路 1518 弄',

zip:200333}, {

date:'2016-05-01',

name:'王小虎',

province:'上海',

city:'普陀区',

address:'上海市普陀区金沙江路 1518 弄',

zip:200333}, {

date:'2016-05-08',

name:'王小虎',

province:'上海',

city:'普陀区',

address:'上海市普陀区金沙江路 1518 弄',

zip:200333}, {

date:'2016-05-06',

name:'王小虎',

province:'上海',

city:'普陀区',

address:'上海市普陀区金沙江路 1518 弄',

zip:200333}, {

date:'2016-05-07',

name:'王小虎',

province:'上海',

city:'普陀区',

address:'上海市普陀区金沙江路 1518 弄',

zip:200333}]

}

},

created() {},

methods: {}

}

background: #fff;

}

.el-table thead.is-group tr:first-of-type th:first-of-type:before {

content:'日期';

text-align: center;

position: absolute;

152px;

height: 1px;

bottom: 30px;

right:0;

}

.el-table thead.is-group tr:first-of-type th:first-of-type:after {

content:'配送新增';

text-align: center;

position: absolute;

152px;

top: 10px;

left:0;

}

.el-table thead.is-group tr:first-of-type th:first-of-type .cell {

position: absolute;

top:0;

left:0;

152px;

height: 1px;

background-color: #EBEEF5;

display: block;

text-align: center;

transform: rotate(38deg);

transform-origin: top left;-ms-transform: rotate(38deg);-ms-transform-origin: top left;-webkit-transform: rotate(38deg);-webkit-transform-origin: top left;

}