Contents

import React from "react";
import { AdvancedTable } from "../../";
import { MOCK_DATA } from "./_mock_data";

const AdvancedTableDefault = (props) => {
  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: "ClassCompletion Rate",
    },
    {
      accessor: "graduatedStudents",
      label: "Graduated Students",
    },
  ];

  return (
    <div>
      <AdvancedTable
          columnDefinitions={columnDefinitions}
          tableData={MOCK_DATA}
          {...props}
      >
        <AdvancedTable.Header/>
        <AdvancedTable.Body/>
      </AdvancedTable>
    </div>
  );
};

export default AdvancedTableDefault;

Version data entries

2 entries across 2 versions & 2 rubygems

Version	Path
playbook_ui_docs-13.16.0.pre.alpha.PBNTR177NewAdvancedTableKit2010	app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx
playbook_ui-13.16.0.pre.alpha.PBNTR177NewAdvancedTableKit2010	app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx