protable 的受控设置

1、设置state，设置要控制的字段名

class的方式

this.state ={
    columnsStateMap : {
        workName: {
            show: false,
            // order: 1,
        },
    }
}

函数的方式：

const [columnsStateMap, setColumnsStateMap] = useState({
        workName: {
            show: false,
            order: 2,
        },
    });

 

2、设置columns对应字段的key，此key与state中的内容对应

3、在Protable中设置对应方法

<ProTable
    actionRef={this.actionRef}
    columns={this.columns}
    params={searchListParams}//另外的参数，会和框架里的参数一起形成params
    request={(params) => queryApplyInfo({...params})}
    rowKey="workId"
    dateFormatter="string"
    headerTitle="草稿列表"
    search={false}//关闭查询
    pagination={{
        defaultPageSize:10,
    }}
    columnsStateMap={this.state.columnsStateMap} //受控的表格设置栏
    onColumnsStateChange={(map) => this.setState({
        columnsStateMap:map
    })}
    // scroll={{ x: 1000 }}
/>