import { Table } from "antd";
import React from "react";
export class Tables extends React.Component {
constructor(props) {
super(props);
}
render() {
const columns = [
{
title: '姓名',
dataIndex: 'name',
align: 'center',
},
{
title: '电话',
dataIndex: 'tel',
align: 'center',
},
{
title: '地址',
dataIndex: 'address',
align: 'center',
},
{
title: '邮箱',
dataIndex: 'email',
align: 'center',
},
];
const data = [
{
key: '1',
name: 'John Brown',
tel: '10086',
address: '成都',
email: '',
},
{
key: '2',
name: 'Jim Green',
tel: '1008611',
address: '上海',
email: '',
},
{
key: '3',
name: 'Joe Black',
tel: '10001',
address: '深圳',
email: '',
},
];
return (
<Table
columns={columns}
dataSource={data}
bordered
/>
)
}
}
react 如何在table里的一列设置 url ,点击可以跳转
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答 默认 最新
- CSDN专家-showbo 2021-09-21 14:00关注
column有render配置,返回链接对象就行,比如给name列添加链接,有帮助麻烦点个采纳【本回答右上角】,谢谢~~
{ title: '姓名', dataIndex: 'name', align: 'center', render: (text,r) => <a href={"xxx.html?id="+r.key} target="_blank">{text}</a>, }
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用
悬赏问题
- ¥15 Python中的request,如何使用ssr节点,通过代理requests网页。本人在泰国,需要用大陆ip才能玩网页游戏,合法合规。
- ¥15 Oracle触发器记录修改前后的字段值
- ¥100 为什么这个恒流源电路不能恒流?
- ¥15 有偿求跨组件数据流路径图
- ¥15 写一个方法checkPerson,入参实体类Person,出参布尔值
- ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题,上传的坐标文件里是怎么对无序点进行编号的,以及xy坐标在处理的时候是进行整体模型分片处理的吗
- ¥15 CSAPPattacklab
- ¥15 一直显示正在等待HID—ISP
- ¥15 Python turtle 画图
- ¥15 stm32开发clion时遇到的编译问题