a-table中,设置td的customCell点击事件。
因为td里还包含了div,所以event.target不是td本身,无法使用cellIndex查找索引,需要用 .closest('className') 查找距离自己最近的符合条件的 td。
Columns:
...
{
slots: { title: titleSlot },
dataIndex: dataColNmae,
key: dataColNmae,
scopedSlots: { customRender: 'data1' },
customCell: this.cellClick // 关键句
}
Methods:
// 点击表格Cell事件
cellClick(record, index) {
return {
on: {
click: event => {
let dataIndex = event.target.closest('.ant-table-row-cell-break-word').cellIndex - 1;
console.log(dataIndex)
// 当前点击的行
console.log(record)
console.log(index)
}
}
}
},