如何在前端项目中使用ant design的onRow属性实现行选择回调功能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计87个文字,预计阅读时间需要1分钟。
plaintextTable组件配置示例:onRow={record=> { return { onClick: (event)=> {}, onDoubleClick: (event)=> {}, onContextMenu: (event)=> {}, onMouseEnter: (event)=> {}, onMouseLeave: (event)=> {} };}}onHeaderRow={(columns, index)=> { return { 列 };}}
<Table
onRow={record => {
return {
onClick: event => {}, // 点击行
onDoubleClick: event => {},
onContextMenu: event => {},
onMouseEnter: event => {}, // 鼠标移入行
onMouseLeave: event => {},
};
}}
onHeaderRow={(columns, index) => {
return {
onClick: () => {}, // 点击表头行
};
}}
/>
本文共计87个文字,预计阅读时间需要1分钟。
plaintextTable组件配置示例:onRow={record=> { return { onClick: (event)=> {}, onDoubleClick: (event)=> {}, onContextMenu: (event)=> {}, onMouseEnter: (event)=> {}, onMouseLeave: (event)=> {} };}}onHeaderRow={(columns, index)=> { return { 列 };}}
<Table
onRow={record => {
return {
onClick: event => {}, // 点击行
onDoubleClick: event => {},
onContextMenu: event => {},
onMouseEnter: event => {}, // 鼠标移入行
onMouseLeave: event => {},
};
}}
onHeaderRow={(columns, index) => {
return {
onClick: () => {}, // 点击表头行
};
}}
/>

