mirror of
https://github.com/Kingsrook/qqq-frontend-material-dashboard.git
synced 2025-07-21 22:58:43 +00:00
Initial checkin
This commit is contained in:
Tim Chamberlain
487
src/layouts/applications/data-tables/data/dataTableData.ts
Normal file
487
src/layouts/applications/data-tables/data/dataTableData.ts
Normal file
@ -0,0 +1,487 @@
|
||||
/**
|
||||
=========================================================
|
||||
* 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.
|
||||
*/
|
||||
|
||||
const dataTableData = {
|
||||
columns: [
|
||||
{ Header: "name", accessor: "name", width: "20%" },
|
||||
{ Header: "position", accessor: "position", width: "25%" },
|
||||
{ Header: "office", accessor: "office" },
|
||||
{ Header: "age", accessor: "age", width: "7%" },
|
||||
{ Header: "start date", accessor: "startDate" },
|
||||
{ Header: "salary", accessor: "salary" },
|
||||
],
|
||||
|
||||
rows: [
|
||||
{
|
||||
name: "Hanny Baniard",
|
||||
position: "Data Coordiator",
|
||||
office: "Baorixile",
|
||||
age: 42,
|
||||
startDate: "4/11/2021",
|
||||
salary: "$474,978",
|
||||
},
|
||||
|
||||
{
|
||||
name: "Lara Puleque",
|
||||
position: "Payment Adjustment Coordinator",
|
||||
office: "Cijangkar",
|
||||
age: 47,
|
||||
startDate: "8/2/2021",
|
||||
salary: "$387,287",
|
||||
},
|
||||
{
|
||||
name: "Torie Repper",
|
||||
position: "Administrative Officer",
|
||||
office: "Montpellier",
|
||||
age: 25,
|
||||
startDate: "4/21/2021",
|
||||
salary: "$94,780",
|
||||
},
|
||||
{
|
||||
name: "Nat Gair",
|
||||
position: "Help Desk Technician",
|
||||
office: "Imider",
|
||||
age: 57,
|
||||
startDate: "12/6/2020",
|
||||
salary: "$179,177",
|
||||
},
|
||||
{
|
||||
name: "Maggi Slowan",
|
||||
position: "Help Desk Technician",
|
||||
office: "Jaunpils",
|
||||
age: 56,
|
||||
startDate: "11/7/2020",
|
||||
salary: "$440,874",
|
||||
},
|
||||
{
|
||||
name: "Marleah Snipe",
|
||||
position: "Account Representative II",
|
||||
office: "Orekhovo-Borisovo Severnoye",
|
||||
age: 31,
|
||||
startDate: "7/18/2021",
|
||||
salary: "$404,983",
|
||||
},
|
||||
{
|
||||
name: "Georgia Danbury",
|
||||
position: "Professor",
|
||||
office: "Gniezno",
|
||||
age: 50,
|
||||
startDate: "10/1/2020",
|
||||
salary: "$346,576",
|
||||
},
|
||||
{
|
||||
name: "Bev Castan",
|
||||
position: "Design Engineer",
|
||||
office: "Acharnés",
|
||||
age: 19,
|
||||
startDate: "1/14/2021",
|
||||
salary: "$445,171",
|
||||
},
|
||||
{
|
||||
name: "Reggi Westney",
|
||||
position: "Financial Advisor",
|
||||
office: "Piuí",
|
||||
age: 56,
|
||||
startDate: "3/21/2021",
|
||||
salary: "$441,569",
|
||||
},
|
||||
{
|
||||
name: "Bartholomeus Prosh",
|
||||
position: "Project Manager",
|
||||
office: "Kelīshād va Sūdarjān",
|
||||
age: 28,
|
||||
startDate: "5/27/2021",
|
||||
salary: "$336,238",
|
||||
},
|
||||
{
|
||||
name: "Sheffy Feehely",
|
||||
position: "Software Consultant",
|
||||
office: "Ndibène Dahra",
|
||||
age: 27,
|
||||
startDate: "3/23/2021",
|
||||
salary: "$473,391",
|
||||
},
|
||||
{
|
||||
name: "Euphemia Chastelain",
|
||||
position: "Engineer IV",
|
||||
office: "Little Baguio",
|
||||
age: 63,
|
||||
startDate: "5/1/2021",
|
||||
salary: "$339,489",
|
||||
},
|
||||
{
|
||||
name: "Sharai Labat",
|
||||
position: "Geological Engineer",
|
||||
office: "Býšť",
|
||||
age: 53,
|
||||
startDate: "6/18/2021",
|
||||
salary: "$403,178",
|
||||
},
|
||||
{
|
||||
name: "Nicolis Bremmell",
|
||||
position: "Analyst Programmer",
|
||||
office: "Piraí do Sul",
|
||||
age: 27,
|
||||
startDate: "1/29/2021",
|
||||
salary: "$443,473",
|
||||
},
|
||||
{
|
||||
name: "Mattie Rait",
|
||||
position: "Budget/Accounting Analyst IV",
|
||||
office: "Meziměstí",
|
||||
age: 30,
|
||||
startDate: "6/9/2021",
|
||||
salary: "$233,875",
|
||||
},
|
||||
{
|
||||
name: "Inger Gawkes",
|
||||
position: "Internal Auditor",
|
||||
office: "Kangar",
|
||||
age: 27,
|
||||
startDate: "4/20/2021",
|
||||
salary: "$378,343",
|
||||
},
|
||||
{
|
||||
name: "Aldus Marginson",
|
||||
position: "Chief Design Engineer",
|
||||
office: "Pingdingshan",
|
||||
age: 29,
|
||||
startDate: "3/24/2021",
|
||||
salary: "$223,231",
|
||||
},
|
||||
{
|
||||
name: "Wendel Swaite",
|
||||
position: "Speech Pathologist",
|
||||
office: "Rubirizi",
|
||||
age: 22,
|
||||
startDate: "6/5/2021",
|
||||
salary: "$325,812",
|
||||
},
|
||||
{
|
||||
name: "Duffy Cicconetti",
|
||||
position: "Software Test Engineer I",
|
||||
office: "Sendai-shi",
|
||||
age: 58,
|
||||
startDate: "5/2/2021",
|
||||
salary: "$335,397",
|
||||
},
|
||||
{
|
||||
name: "Mandi Paulley",
|
||||
position: "Account Representative III",
|
||||
office: "Independencia",
|
||||
age: 25,
|
||||
startDate: "4/27/2021",
|
||||
salary: "$367,351",
|
||||
},
|
||||
{
|
||||
name: "Gladi Doorly",
|
||||
position: "Dental Hygienist",
|
||||
office: "Longwy",
|
||||
age: 52,
|
||||
startDate: "4/28/2021",
|
||||
salary: "$306,827",
|
||||
},
|
||||
{
|
||||
name: "Johnnie Godfray",
|
||||
position: "Human Resources Manager",
|
||||
office: "Afikpo",
|
||||
age: 31,
|
||||
startDate: "4/15/2021",
|
||||
salary: "$275,513",
|
||||
},
|
||||
{
|
||||
name: "Rudolph Jurczik",
|
||||
position: "Web Developer III",
|
||||
office: "Jaciara",
|
||||
age: 36,
|
||||
startDate: "11/19/2020",
|
||||
salary: "$193,993",
|
||||
},
|
||||
{
|
||||
name: "Annmarie Fulbrook",
|
||||
position: "Cost Accountant",
|
||||
office: "Lisala",
|
||||
age: 25,
|
||||
startDate: "9/30/2020",
|
||||
salary: "$423,486",
|
||||
},
|
||||
{
|
||||
name: "Daisey Nickolls",
|
||||
position: "Electrical Engineer",
|
||||
office: "Xucheng",
|
||||
age: 60,
|
||||
startDate: "2/26/2021",
|
||||
salary: "$209,415",
|
||||
},
|
||||
{
|
||||
name: "Mordecai Dace",
|
||||
position: "Help Desk Technician",
|
||||
office: "Busuanga",
|
||||
age: 22,
|
||||
startDate: "1/29/2021",
|
||||
salary: "$263,774",
|
||||
},
|
||||
{
|
||||
name: "Melisande Spall",
|
||||
position: "VP Accounting",
|
||||
office: "Xiakouyi",
|
||||
age: 50,
|
||||
startDate: "11/21/2020",
|
||||
salary: "$290,169",
|
||||
},
|
||||
{
|
||||
name: "Karlik Sherrock",
|
||||
position: "GIS Technical Architect",
|
||||
office: "Bagumbayan",
|
||||
age: 50,
|
||||
startDate: "3/13/2021",
|
||||
salary: "$217,224",
|
||||
},
|
||||
{
|
||||
name: "Constance Vinick",
|
||||
position: "Physical Therapy Assistant",
|
||||
office: "Jiaoba",
|
||||
age: 46,
|
||||
startDate: "3/23/2021",
|
||||
salary: "$146,130",
|
||||
},
|
||||
{
|
||||
name: "Kimberlee Hoogendorp",
|
||||
position: "Dental Hygienist",
|
||||
office: "Santo Antônio de Pádua",
|
||||
age: 63,
|
||||
startDate: "4/11/2021",
|
||||
salary: "$401,826",
|
||||
},
|
||||
{
|
||||
name: "Jephthah McIlvenny",
|
||||
position: "Executive Secretary",
|
||||
office: "Poligny",
|
||||
age: 40,
|
||||
startDate: "2/25/2021",
|
||||
salary: "$397,099",
|
||||
},
|
||||
{
|
||||
name: "Claudetta Ivanchenkov",
|
||||
position: "Computer Systems Analyst III",
|
||||
office: "Barranca de Upía",
|
||||
age: 22,
|
||||
startDate: "2/4/2021",
|
||||
salary: "$497,394",
|
||||
},
|
||||
{
|
||||
name: "Gordie Winterbottom",
|
||||
position: "General Manager",
|
||||
office: "Kaeng Khro",
|
||||
age: 18,
|
||||
startDate: "6/11/2021",
|
||||
salary: "$85,498",
|
||||
},
|
||||
{
|
||||
name: "Yvor Ching",
|
||||
position: "Systems Administrator IV",
|
||||
office: "Sobreira",
|
||||
age: 43,
|
||||
startDate: "10/4/2020",
|
||||
salary: "$445,688",
|
||||
},
|
||||
{
|
||||
name: "Marilin Swires",
|
||||
position: "Electrical Engineer",
|
||||
office: "Longnan",
|
||||
age: 38,
|
||||
startDate: "10/30/2020",
|
||||
salary: "$121,519",
|
||||
},
|
||||
{
|
||||
name: "Tobey Fernan",
|
||||
position: "Compensation Analyst",
|
||||
office: "Hushan",
|
||||
age: 31,
|
||||
startDate: "3/17/2021",
|
||||
salary: "$275,670",
|
||||
},
|
||||
{
|
||||
name: "Jan Trustrie",
|
||||
position: "Developer IV",
|
||||
office: "Mashava",
|
||||
age: 34,
|
||||
startDate: "12/3/2020",
|
||||
salary: "$200,260",
|
||||
},
|
||||
{
|
||||
name: "Silva Linger",
|
||||
position: "Nurse Practicioner",
|
||||
office: "Cosne-Cours-sur-Loire",
|
||||
age: 25,
|
||||
startDate: "1/14/2021",
|
||||
salary: "$490,838",
|
||||
},
|
||||
{
|
||||
name: "Jocko Oriel",
|
||||
position: "Design Engineer",
|
||||
office: "Clisson",
|
||||
age: 61,
|
||||
startDate: "12/2/2020",
|
||||
salary: "$401,741",
|
||||
},
|
||||
{
|
||||
name: "Barbra Ready",
|
||||
position: "Paralegal",
|
||||
office: "Xuedian",
|
||||
age: 29,
|
||||
startDate: "11/3/2020",
|
||||
salary: "$246,939",
|
||||
},
|
||||
{
|
||||
name: "Cynde Blakeslee",
|
||||
position: "Software Consultant",
|
||||
office: "Kembangan",
|
||||
age: 23,
|
||||
startDate: "1/9/2021",
|
||||
salary: "$186,173",
|
||||
},
|
||||
{
|
||||
name: "Erminia O' Shea",
|
||||
position: "Analog Circuit Design manager",
|
||||
office: "Tungawan",
|
||||
age: 51,
|
||||
startDate: "12/8/2020",
|
||||
salary: "$209,678",
|
||||
},
|
||||
{
|
||||
name: "Pietro Hoggins",
|
||||
position: "Account Coordinator",
|
||||
office: "Lexington",
|
||||
age: 34,
|
||||
startDate: "7/1/2021",
|
||||
salary: "$245,579",
|
||||
},
|
||||
{
|
||||
name: "Cobb Fish",
|
||||
position: "VP Product Management",
|
||||
office: "General Elizardo Aquino",
|
||||
age: 60,
|
||||
startDate: "8/27/2020",
|
||||
salary: "$201,191",
|
||||
},
|
||||
{
|
||||
name: "Goddart Zorzutti",
|
||||
position: "Office Assistant I",
|
||||
office: "Hedi",
|
||||
age: 44,
|
||||
startDate: "4/14/2021",
|
||||
salary: "$89,168",
|
||||
},
|
||||
{
|
||||
name: "Joyce Gason",
|
||||
position: "VP Product Management",
|
||||
office: "Jingzhou",
|
||||
age: 48,
|
||||
startDate: "10/10/2020",
|
||||
salary: "$285,350",
|
||||
},
|
||||
{
|
||||
name: "Juliet Lemm",
|
||||
position: "Junior Executive",
|
||||
office: "Tečovice",
|
||||
age: 37,
|
||||
startDate: "4/28/2021",
|
||||
salary: "$479,963",
|
||||
},
|
||||
{
|
||||
name: "Filberte Dobrowolski",
|
||||
position: "Senior Cost Accountant",
|
||||
office: "Puncakmanis",
|
||||
age: 55,
|
||||
startDate: "8/21/2020",
|
||||
salary: "$424,438",
|
||||
},
|
||||
{
|
||||
name: "Justinian Faraday",
|
||||
position: "Help Desk Technician",
|
||||
office: "Bacong",
|
||||
age: 60,
|
||||
startDate: "1/24/2021",
|
||||
salary: "$369,012",
|
||||
},
|
||||
{
|
||||
name: "Amata Cahan",
|
||||
position: "Technical Writer",
|
||||
office: "Hradec Králové",
|
||||
age: 56,
|
||||
startDate: "9/22/2020",
|
||||
salary: "$385,712",
|
||||
},
|
||||
{
|
||||
name: "Gunar Albrecht",
|
||||
position: "Tax Accountant",
|
||||
office: "Chernivtsi",
|
||||
age: 52,
|
||||
startDate: "6/30/2021",
|
||||
salary: "$392,642",
|
||||
},
|
||||
{
|
||||
name: "Mal Deignan",
|
||||
position: "Senior Cost Accountant",
|
||||
office: "Nefta",
|
||||
age: 57,
|
||||
startDate: "7/18/2021",
|
||||
salary: "$322,031",
|
||||
},
|
||||
{
|
||||
name: "Hamil Cicci",
|
||||
position: "Programmer Analyst IV",
|
||||
office: "Fukushima-shi",
|
||||
age: 34,
|
||||
startDate: "10/7/2020",
|
||||
salary: "$471,172",
|
||||
},
|
||||
{
|
||||
name: "Stormie Peacop",
|
||||
position: "GIS Technical Architect",
|
||||
office: "Emiliano Zapata",
|
||||
age: 57,
|
||||
startDate: "10/21/2020",
|
||||
salary: "$217,522",
|
||||
},
|
||||
{
|
||||
name: "Kayle Fallon",
|
||||
position: "Technical Writer",
|
||||
office: "Midleton",
|
||||
age: 19,
|
||||
startDate: "12/10/2020",
|
||||
salary: "$294,275",
|
||||
},
|
||||
{
|
||||
name: "Cassandre Watters",
|
||||
position: "Technical Writer",
|
||||
office: "Karang Tengah",
|
||||
age: 21,
|
||||
startDate: "7/31/2021",
|
||||
salary: "$213,508",
|
||||
},
|
||||
{
|
||||
name: "Cobb Fish",
|
||||
position: "VP Product Management",
|
||||
office: "General Elizardo Aquino",
|
||||
age: 60,
|
||||
startDate: "8/27/2020",
|
||||
salary: "$201,191",
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export default dataTableData;
|
||||
67
src/layouts/applications/data-tables/index.tsx
Normal file
67
src/layouts/applications/data-tables/index.tsx
Normal file
@ -0,0 +1,67 @@
|
||||
/**
|
||||
=========================================================
|
||||
* 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;
|
||||
Reference in New Issue
Block a user