avue crud表头跨列
效果
表格配置
需要跨列的表头文字居右,需要被跨的表头去掉标题
{...height: '300',page: false,menuWidth: 100,selection: false,menu: false,column: [{label: "标题1",prop: "id",type: "input",minWidth: 220,display: false,headerAlign: 'right',//文字居右},{label: "",//被跨行去掉标题prop: "id",type: "input",minWidth: 130,display: false,},{label: "标题3",prop: "id",type: "input",minWidth: 130,display: false,},]
}
样式设置
将表头第二列右边框去掉(因为序号在一列,所以要改第二列)
<style scoped lang="scss">::v-deep .crud-border .el-table__header .el-table__cell:nth-child(2){border-right: 0 !important;}
</style>