mirror of
https://github.com/Kingsrook/qqq-frontend-material-dashboard.git
synced 2025-07-18 05:10:45 +00:00
68 lines
2.2 KiB
TypeScript
68 lines
2.2 KiB
TypeScript
/**
|
|
=========================================================
|
|
* 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)
|
|
|
|
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.
|
|
*/
|
|
|
|
// @mui material components
|
|
import Card from "@mui/material/Card";
|
|
|
|
// Material Dashboard 2 PRO React TS components
|
|
import MDBox from "components/MDBox";
|
|
import MDTypography from "components/MDTypography";
|
|
|
|
// Material Dashboard 2 PRO React TS examples components
|
|
import DashboardLayout from "examples/LayoutContainers/DashboardLayout";
|
|
import DashboardNavbar from "examples/Navbars/DashboardNavbar";
|
|
import Footer from "examples/Footer";
|
|
import DataTable from "examples/Tables/DataTable";
|
|
|
|
// Data
|
|
import dataTableData from "layouts/applications/data-tables/data/dataTableData";
|
|
|
|
function DataTables(): JSX.Element {
|
|
return (
|
|
<DashboardLayout>
|
|
<DashboardNavbar />
|
|
<MDBox pt={6} pb={3}>
|
|
<MDBox mb={3}>
|
|
<Card>
|
|
<MDBox p={3} lineHeight={1}>
|
|
<MDTypography variant="h5" fontWeight="medium">
|
|
Datatable Simple
|
|
</MDTypography>
|
|
<MDTypography variant="button" color="text">
|
|
A lightweight, extendable, dependency-free javascript HTML table plugin.
|
|
</MDTypography>
|
|
</MDBox>
|
|
<DataTable table={dataTableData} />
|
|
</Card>
|
|
</MDBox>
|
|
<Card>
|
|
<MDBox p={3} lineHeight={1}>
|
|
<MDTypography variant="h5" fontWeight="medium">
|
|
Datatable Search
|
|
</MDTypography>
|
|
<MDTypography variant="button" color="text">
|
|
A lightweight, extendable, dependency-free javascript HTML table plugin.
|
|
</MDTypography>
|
|
</MDBox>
|
|
<DataTable table={dataTableData} canSearch />
|
|
</Card>
|
|
</MDBox>
|
|
<Footer />
|
|
</DashboardLayout>
|
|
);
|
|
}
|
|
|
|
export default DataTables;
|