<ProTable
columns={columns}
request={ ()=> methodName()}
/>
其中columns是对应字段显示的格式如下
columns = [
{
title: '用户名',
dataIndex: 'username',
},
{
title: '密码',
dataIndex: 'password',
}, {
title: '爱好',
dataIndex: 'hobby',
}
];
request是调用后端接口的请求
但是需要注意的是proTable request拿到渲染的必须是data[ ]格式,
{
"code": 0,
"message": "操作成功",
"data": [
{username:"username"},
{password,"password"},
{hobby,"hobby"}
]
}
否则是拿不到数据的 如下面这种包含了两层data:
{
"code": 0,
"message": "操作成功",
"data": {
"code": 0,
"message": "操作成功",
"data": [
{username:"username"},
{password,"password"},
{hobby,"hobby"}
]
}
}
}
这种的话可以用如下的方法解决:response.data 拿到第一层data的数据再渲染
<ProTable
columns={columns}
request={async () => {
const response = await methodName({
})
return Promise.resolve(response.data)
}}
search={false}
scroll={{ x: 1300 }}
/>