表格里面的属性设置 :设置多选
:row-selection="{selectedRowKeys: selectedRowKeys,
onChange: onSelectChange,
columnWidth: 30 }"
为子表格定义样式
template
@expand="onSelectChange"
:customRow="customRow"
data
//选中值
expanded: [],
method
onSelectChange(expanded, record) {
console.log('expandedRowKeys', expanded)
console.log('record', record)
if (expanded) {
this.expanded.push(record.no)
} else {
let index = this.expanded.indexOf(record.no)
if (index > -1) {
this.expanded.splice(index, 1)
}
}
},
customRow(recode, rowindex) {
console.log('recode', recode)
console.log('this.expanded', this.expanded)
let index = this.expanded.indexOf(recode.no)
if (index > -1) {
return { style: { backgroundColor: '#ECF5FC' } }
}
},
/deep/.ant-table-tbody {
.ant-table-row {
&.ant-table-row-level-0::after {
background: #2273af !important;
}
&.ant-table-row-level-1 {
background: #fbfef7 !important;
}
}
}