Sha256: 61f7b480a0dc20e8bc7da1ce93943ce78626af719d09766665a092d0940ac9cb
Contents?: true
Size: 1.28 KB
Versions: 98
Compression:
Stored size: 1.28 KB
Contents
import React, { useState } from "react";
import { AdvancedTable } from "../../";
import { Button } from "../../"
import { MOCK_DATA } from "./_mock_data";
const AdvancedTableLoading = (props) => {
const [isloading, setIsLoading] = useState(true)
const columnDefinitions = [
{
accessor: "year",
label: "Year",
cellAccessors: ["quarter", "month", "day"],
},
{
accessor: "newEnrollments",
label: "New Enrollments",
},
{
accessor: "scheduledMeetings",
label: "Scheduled Meetings",
},
{
accessor: "attendanceRate",
label: "Attendance Rate",
},
{
accessor: "completedClasses",
label: "Completed Classes",
},
{
accessor: "classCompletionRate",
label: "Class Completion Rate",
},
{
accessor: "graduatedStudents",
label: "Graduated Students",
},
];
return (
<div>
<Button marginBottom="md"
onClick={()=> setIsLoading(!isloading)}
text="Toggle Loading State"
variant="secondary"
{...props}
/>
<AdvancedTable
columnDefinitions={columnDefinitions}
loading={isloading}
tableData={MOCK_DATA}
{...props}
/>
</div>
);
};
export default AdvancedTableLoading;
Version data entries
98 entries across 98 versions & 2 rubygems