Sha256: 9eb3d6c56dbfa53cd54a1ac1625ecb20ab4a8276c69e74df143b37bfc903d483
Contents?: true
Size: 1.62 KB
Versions: 86
Compression:
Stored size: 1.62 KB
Contents
import React from "react";
import { AdvancedTable } from "playbook-ui";
import MOCK_DATA from "./advanced_table_mock_data.json";
const AdvancedTableColumnHeadersMultiple = (props) => {
const columnDefinitions = [
{
accessor: "year",
label: "Year",
cellAccessors: ["quarter", "month", "day"],
},
{
label: "Enrollment Data",
columns: [
{
label: "Enrollment Stats",
columns: [
{
accessor: "newEnrollments",
label: "New Enrollments",
},
{
accessor: "scheduledMeetings",
label: "Scheduled Meetings",
},
],
},
],
},
{
label: "Performance Data",
columns: [
{
label: "Completion Metrics",
columns: [
{
accessor: "completedClasses",
label: "Completed Classes",
},
{
accessor: "classCompletionRate",
label: "Class Completion Rate",
},
],
},
{
label: "Attendance",
columns: [
{
accessor: "attendanceRate",
label: "Attendance Rate",
},
{
accessor: "scheduledMeetings",
label: "Scheduled Meetings",
},
],
},
],
},
];
return (
<>
<AdvancedTable
columnDefinitions={columnDefinitions}
tableData={MOCK_DATA}
{...props}
/>
</>
);
};
export default AdvancedTableColumnHeadersMultiple;
Version data entries
86 entries across 86 versions & 2 rubygems