可以在columns 里加上order属性,搜索栏值大的在前,小的在后,例如下面的搜索栏顺序为:姓名、职业、年龄,而表头顺序为:姓名、年龄、职业、备注。
const columns = [
{
title: '姓名',
dataIndex: 'name',
order: 3 //排在首位
},
{
title: '年龄',
dataIndex: 'age',
order: 1 //排在第三位
},
{
title: '职业',
dataIndex: 'job',
order: 2 //排在第二位
},
{
title: '备注',
dataIndex: 'remark',
hideInSearch: true //不在搜索栏中显示
},
];
<ProTable
columns={columns} //引入列
dataSource={data} //引入数据
request={async (params) => { //初始化数据
const res = await getData(params);
setData(res.content);
if (res.content) {
return Promise.resolve({
data: res.content, //数据
total: res.totalElements, //分页显示的总数
});
} else {
return Promise.resolve({
data: [],
total: 0,
});
}
}}
/>