摘要：
拓展使用customRowhttps://blog.csdn.net/EasonGG/article/details/105687765https://blog.csdn.net/u012215273/article/details/107907460https://segmentfault.com/q/1010000021780046通用方式：{title:'17:30','4%',scoped
拓展使用customRow
https://blog.csdn.net/EasonGG/article/details/105687765
https://blog.csdn.net/u012215273/article/details/107907460
https://segmentfault.com/q/1010000021780046
通用方式：
{ title: '17:30', '4%', scopedSlots: { customRender: 'tdSlot173'}, customCell:this.renderTdBackground173 },
renderTdBackground173(record){ return this.renderTdBackground('17:30',record) }, //渲染有数据的单元格的颜色 renderTdBackground (time,record) { let bookedList =record.bookedList if(null==bookedList||undefined==bookedList){ return} let currentDate ...return{ style: { //行背景色
'background-color': '#8fd0fa','cursor': 'pointer', }, on: { //鼠标单击行 click: event =>{ console.log(123); this.meetingroomBook() }, }, }; } }
我发现customCell 函数的第二个参数rowIndex恒为0，
另外 每一项的函数如果写在method里则无法判断当前列，于是项目中采用了如下写法
<a-table :columns="renderColumns(columns)":data-source="tableData" > </a-table>
methods: { renderColumns(columns) { const _this = this return columns.map(item =>{ return{ ...item, customCell(record, index) { return{ click: (event) =>{}, dblclick: (event) =>{}, contextmenu: (event) =>{}, mouseenter: (event) =>{}, mouseleave: (event) =>{},
style:{
//单元格背景色
'background-color':'#f9999a'
}
}
}
}
})
}
}