feat(设备字段管理): 添加分页状态管理及表格分页变更处理

实现分页状态管理,支持当前页码和每页条数的动态变更
This commit is contained in:
zhang1106
2026-02-05 08:34:12 +08:00
parent 8ac528356e
commit ad67233bf9
+15 -5
View File
@@ -218,6 +218,14 @@ function DeviceFieldManagement() {
const [modalVisible, setModalVisible] = useState(false);
const [editingField, setEditingField] = useState(null);
const [form] = Form.useForm();
const [pagination, setPagination] = useState({
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '50', '100'],
showSizeChanger: true,
showQuickJumper: true,
showTotal: (total, range) => `${range[0]}-${range[1]} 条 / 共 ${total}`
});
const fetchFields = async () => {
try {
@@ -434,11 +442,13 @@ function DeviceFieldManagement() {
dataSource={fields}
rowKey="fieldId"
loading={loading}
pagination={{
pageSize: 10,
showSizeChanger: true,
showQuickJumper: true,
showTotal: (total, range) => `${range[0]}-${range[1]} 条 / 共 ${total}`
pagination={pagination}
onChange={(newPagination) => {
setPagination({
...pagination,
current: newPagination.current,
pageSize: newPagination.pageSize
});
}}
scroll={{ x: 900 }}
style={tableStyle}