QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 13:20:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix for pagination on tables

Browse Source
This commit is contained in:
Tim Chamberlain
2022-07-21 16:25:28 -05:00
parent be42a98d4d
commit 4412a274f4
3 changed files with 34 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/page.routes.tsx
View File

@ -1,17 +1,17 @@
/** /**
========================================================= =========================================================
* Material Dashboard 2 PRO React TS - v1.0.0 * Material Dashboard 2 PRO React TS - v1.0.0
========================================================= =========================================================
* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts * Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts
* Copyright 2022 Creative Tim (https://www.creative-tim.com) * Copyright 2022 Creative Tim (https://www.creative-tim.com)
Coded by www.creative-tim.com Coded by www.creative-tim.com
========================================================= =========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/ */
/** /**
All of the routes for the Material Kit 2 PRO React React are added here, All of the routes for the Material Kit 2 PRO React React are added here,
@ -33,7 +33,7 @@ Coded by www.creative-tim.com
9. The `columns` key is used to define that how the content should look inside the dropdown menu as columns, 9. The `columns` key is used to define that how the content should look inside the dropdown menu as columns,
you can set the columns amount based on this key. you can set the columns amount based on this key.
10. The `rowsPerColumn` key is used to define that how many rows should be in a column. 10. The `rowsPerColumn` key is used to define that how many rows should be in a column.
*/ */
// @mui material components // @mui material components
import Icon from "@mui/material/Icon"; import Icon from "@mui/material/Icon";
@ -76,9 +76,9 @@ const pageRoutes = [
name: "pricing page", name: "pricing page",
route: "/pages/pricing-page", route: "/pages/pricing-page",
}, },
{ name: "RTL", route: "/pages/rtl" }, {name: "RTL", route: "/pages/rtl"},
{ name: "widgets", route: "/pages/widgets" }, {name: "widgets", route: "/pages/widgets"},
{ name: "charts", route: "/pages/charts" }, {name: "charts", route: "/pages/charts"},
{ {
name: "notfications", name: "notfications",
route: "/pages/notifications", route: "/pages/notifications",

1
src/qqq/pages/entity-list/index.tsx
View File

@ -508,6 +508,7 @@ function EntityList({table}: Props): JSX.Element
<MDBox height="100%"> <MDBox height="100%">
<DataGridPro <DataGridPro
components={{Toolbar: CustomToolbar}} components={{Toolbar: CustomToolbar}}
pagination
paginationMode="server" paginationMode="server"
sortingMode="server" sortingMode="server"
filterMode="server" filterMode="server"

7
src/qqq/pages/process-run/index.tsx
View File

@ -46,8 +46,8 @@ import {QJobComplete} from "@kingsrook/qqq-frontend-core/lib/model/processes/QJo
import {QJobError} from "@kingsrook/qqq-frontend-core/lib/model/processes/QJobError"; import {QJobError} from "@kingsrook/qqq-frontend-core/lib/model/processes/QJobError";
import {QJobRunning} from "@kingsrook/qqq-frontend-core/lib/model/processes/QJobRunning"; import {QJobRunning} from "@kingsrook/qqq-frontend-core/lib/model/processes/QJobRunning";
import { import {
DataGrid, GridColDef, GridRowParams, GridRowsProp, DataGridPro, GridColDef, GridRowParams, GridRowsProp,
} from "@mui/x-data-grid"; } from "@mui/x-data-grid-pro";
import QDynamicForm from "../../components/QDynamicForm"; import QDynamicForm from "../../components/QDynamicForm";
import MDTypography from "../../../components/MDTypography"; import MDTypography from "../../../components/MDTypography";
@ -108,7 +108,7 @@ function getDynamicStepContent(
{" "} {" "}
<br /> <br />
<MDBox height="100%"> <MDBox height="100%">
<DataGrid <DataGridPro
page={recordConfig.pageNo} page={recordConfig.pageNo}
disableSelectionOnClick disableSelectionOnClick
autoHeight autoHeight
@ -122,6 +122,7 @@ function getDynamicStepContent(
onPageChange={recordConfig.handlePageChange} onPageChange={recordConfig.handlePageChange}
onRowClick={recordConfig.handleRowClick} onRowClick={recordConfig.handleRowClick}
paginationMode="server" paginationMode="server"
pagination
density="compact" density="compact"
loading={recordConfig.loading} loading={recordConfig.loading}
/> />