ant design table中增加按钮的两种方式

简介: ant design table中增加按钮的两种方式

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语

歌谣 歌谣 ant design中table里面如何增加按钮呢




编辑


方式1 push

{ title: '操作', dataIndex: 'operation', align: 'center', list: (text, row) => { let arr = []; arr.push({ name: '修改', onClick: () => { this.props.handleUpdate(row.lecturerCode); }, }); if ( row.status === '1202012241104168888017657' || row.status === '1202012241105288888630417' ) { arr.push({ name: '删除', isPopConfirm: true, btnTxt: '确认删除该讲师吗?', onClick: () => { this.props.handleDelete([row.lecturerId]); }, }); } return arr; }, },




方式二 数组

const tagIcon = { title: '标签', icon: 'plus', type: 'primary', onClick: () => this.handleAddTag(selectedRowKeys), }; const delIcon = { title: '删除', isDelete: true, icon: 'delete', type: 'primary', // loading: deleteButtonLoading, onClick: () => this.handleDelete(selectedRowKeys), }; const addIcon = { title: '新增', icon: 'plus', type: 'primary', onClick: () => this.handleAddLecturer(), }; const uploadIcon = { title: '导出', icon: 'export', type: 'primary', href: this.handleExport(), // onClick: () => this.handleExport(), }; const buttonList = listType === 'table' ? [addIcon, cardIcon] : [addIcon, cardIcon];




总结

本文总结了两种在ant design table中增加按钮的方式 欢迎一起交流讨论



相关文章
|
索引
antd a-table表格添加序号和分页总数——基础积累
antd a-table表格添加序号和分页总数——基础积累
1342 0
|
小程序 开发者
HBuilderX运行uniapp到微信开发者工具常见报错
HBuilderX运行uniapp到微信开发者工具常见报错
2747 0
|
10月前
|
人工智能 前端开发 Java
用git rebase命令合并开发阶段中多条commit提交记录
通过 `git rebase`,可以合并多个提交记录,使开发历史更简洁清晰。操作分为 6 步:查看提交历史 (`git log --oneline`)、设置需合并的提交数 (`git rebase -i HEAD~N`)、修改动作标识为 `s`(squash)、保存退出编辑、调整提交信息、强制推送至远程仓库 (`git push -f`)。此方法适合清理本地无关提交,但若有团队协作或冲突风险,需谨慎使用以避免问题。
1824 60
|
机器学习/深度学习 人工智能 自然语言处理
AI在内容创作中的创新:开启智能创意的新时代
AI在内容创作中的创新:开启智能创意的新时代
1484 14
|
消息中间件 存储 缓存
Kafka副本知识总结
Kafka副本知识总结
584 0
Kafka副本知识总结
|
JSON 资源调度 前端开发
vue-quill使用时候要注意css引入方式,不然会报错,卡死,白屏
vue-quill使用时候要注意css引入方式,不然会报错,卡死,白屏
888 0
|
JSON JavaScript 小程序
微信小程序使用echarts
直接将一整个项目下载下来,将下载下来的项目里的ec-canvas文件复制粘贴到项目文件夹中
674 1
Ant design组件库里面的Dropdown怎么写点击事件?
Ant design组件库里面的Dropdown怎么写点击事件?
|
C# 数据安全/隐私保护
C# 窗体之间参数互相传递的两种方法与使用
C# 窗体之间参数互相传递的两种方法与使用