Sha256: 2c9ff8896b846efedc308649b5ca9889b960e384413227c5df6cb7d3335dc6be
Contents?: true
Size: 1.18 KB
Versions: 22
Compression:
Stored size: 1.18 KB
Contents
import React from "react"
import { AdvancedTable } from "../../"
import { MOCK_DATA } from "./_mock_data"
const AdvancedTableTableOptions = (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: "Class Completion Rate",
},
{
accessor: "graduatedStudents",
label: "Graduated Students",
},
]
const tableOptions = {
initialState: {
sorting: [
{
id: "year",
desc: true,
},
],
},
}
return (
<div>
<AdvancedTable
columnDefinitions={columnDefinitions}
tableData={MOCK_DATA}
tableOptions={tableOptions}
{...props}
/>
</div>
)
}
export default AdvancedTableTableOptions
Version data entries
22 entries across 22 versions & 2 rubygems