<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 }}
/>