antdofvuetable表格——如何设分栏式表头(⾃定义title属性)
//columns 表头⾃定义 title
title: ()=>{
let html =(
<div class="fisrt-th">
<div class="fisrt-th-x">设备类型</div>
<div class="fisrt-th-y">车间班组</div>
<a-divider type="vertical" />
</div>
)
return html;
},
dataIndex: 'officeName',
width: 200,
align: 'center',
})
.fisrt-th {
.
fisrt-th-x {
position: absolute;
top: 8px;
right: 8px;
}
.fisrt-th-y {
position: absolute;
bottom: 8px;
left: 8px;
}
.ant-divider-vertical {
position: absolute;
rotate属性transform: rotate(-76deg);/* 需要⼿调,斜线的⾓度*/
transform-origin: top;
top: 1px;
left: -8px;
height: 14.6em;
background: #555555;
}
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论