QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 05:10:45 +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
* Copyright 2022 Creative Tim (https://www.creative-tim.com)
* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts
* 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,
@ -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,
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.
*/
*/
// @mui material components
import Icon from "@mui/material/Icon";
@ -76,9 +76,9 @@ const pageRoutes = [
name: "pricing page",
route: "/pages/pricing-page",
},
{ name: "RTL", route: "/pages/rtl" },
{ name: "widgets", route: "/pages/widgets" },
{ name: "charts", route: "/pages/charts" },
{name: "RTL", route: "/pages/rtl"},
{name: "widgets", route: "/pages/widgets"},
{name: "charts", route: "/pages/charts"},
{
name: "notfications",
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%">
<DataGridPro
components={{Toolbar: CustomToolbar}}
pagination
paginationMode="server"
sortingMode="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 {QJobRunning} from "@kingsrook/qqq-frontend-core/lib/model/processes/QJobRunning";
import {
DataGrid, GridColDef, GridRowParams, GridRowsProp,
} from "@mui/x-data-grid";
DataGridPro, GridColDef, GridRowParams, GridRowsProp,
} from "@mui/x-data-grid-pro";
import QDynamicForm from "../../components/QDynamicForm";
import MDTypography from "../../../components/MDTypography";
@ -108,7 +108,7 @@ function getDynamicStepContent(
{" "}
<br />
<MDBox height="100%">
<DataGrid
<DataGridPro
page={recordConfig.pageNo}
disableSelectionOnClick
autoHeight
@ -122,6 +122,7 @@ function getDynamicStepContent(
onPageChange={recordConfig.handlePageChange}
onRowClick={recordConfig.handleRowClick}
paginationMode="server"
pagination
density="compact"
loading={recordConfig.loading}
/>