| | |
| | | return ( |
| | | <> |
| | | <PageContainer> |
| | | <ProTable |
| | | columns={columns} |
| | | request={(params, sorter, filter) => { |
| | | // 表单搜索项会从 params 传入,传递给后端接口。 |
| | | console.log(params, sorter, filter); |
| | | return Promise.resolve({ |
| | | data: tableListDataSource, |
| | | success: true, |
| | | }); |
| | | }} |
| | | rowKey="key" |
| | | pagination={{ |
| | | showQuickJumper: true, |
| | | }} |
| | | search={{ |
| | | layout: 'vertical', |
| | | defaultCollapsed: false, |
| | | }} |
| | | dateFormatter="string" |
| | | toolbar={{ |
| | | title: '高级表格', |
| | | tooltip: '这是一个标题提示', |
| | | }} |
| | | toolBarRender={() => [ |
| | | <Button key="danger" danger> |
| | | 危险按钮 |
| | | </Button>, |
| | | <Button key="show">查看日志</Button>, |
| | | <Button type="primary" key="primary"> |
| | | 创建应用 |
| | | </Button>, |
| | | <div style={{ width: '100%', float: 'right' }}> |
| | | <ProTable |
| | | columns={columns} |
| | | request={(params, sorter, filter) => { |
| | | // 表单搜索项会从 params 传入,传递给后端接口。 |
| | | console.log(params, sorter, filter); |
| | | return Promise.resolve({ |
| | | data: tableListDataSource, |
| | | success: true, |
| | | }); |
| | | }} |
| | | rowKey="key" |
| | | pagination={{ |
| | | showQuickJumper: true, |
| | | }} |
| | | search={{ |
| | | layout: 'vertical', |
| | | defaultCollapsed: false, |
| | | }} |
| | | dateFormatter="string" |
| | | toolbar={{ |
| | | title: '高级表格', |
| | | tooltip: '这是一个标题提示', |
| | | }} |
| | | toolBarRender={() => [ |
| | | <Button key="danger" danger> |
| | | 危险按钮 |
| | | </Button>, |
| | | <Button key="show">查看日志</Button>, |
| | | <Button type="primary" key="primary"> |
| | | 创建应用 |
| | | </Button>, |
| | | |
| | | <Dropdown |
| | | key="menu" |
| | | menu={{ |
| | | items: [ |
| | | { |
| | | label: '1st item', |
| | | key: '1', |
| | | }, |
| | | { |
| | | label: '2nd item', |
| | | key: '2', |
| | | }, |
| | | { |
| | | label: '3rd item', |
| | | key: '3', |
| | | }, |
| | | ], |
| | | }} |
| | | > |
| | | <Button> |
| | | <EllipsisOutlined /> |
| | | </Button> |
| | | </Dropdown>, |
| | | ]} |
| | | /> |
| | | <Dropdown |
| | | key="menu" |
| | | menu={{ |
| | | items: [ |
| | | { |
| | | label: '1st item', |
| | | key: '1', |
| | | }, |
| | | { |
| | | label: '2nd item', |
| | | key: '2', |
| | | }, |
| | | { |
| | | label: '3rd item', |
| | | key: '3', |
| | | }, |
| | | ], |
| | | }} |
| | | > |
| | | <Button> |
| | | <EllipsisOutlined /> |
| | | </Button> |
| | | </Dropdown>, |
| | | ]} |
| | | /> |
| | | </div> |
| | | </PageContainer> |
| | | </> |
| | | ); |