Sha256: d79ef2d03e2e397510361713f4c8f14ae5d21b9411f227e82d28c3c75d85ca78
Contents?: true
Size: 1.3 KB
Versions: 154
Compression:
Stored size: 1.3 KB
Contents
import React from "react"
import { AdvancedTable } from "../.."
import { MOCK_DATA_INLINE_LOADING } from "./_mock_data_inline_loading"
const AdvancedTableInlineRowLoading = (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",
},
]
//Render the subRow header rows
const subRowHeaders = ["Quarter", "Month", "Day"]
return (
<div>
<AdvancedTable
columnDefinitions={columnDefinitions}
enableToggleExpansion="all"
inlineRowLoading
tableData={MOCK_DATA_INLINE_LOADING}
{...props}
>
<AdvancedTable.Header />
<AdvancedTable.Body subRowHeaders={subRowHeaders}/>
</AdvancedTable>
</div>
)
}
export default AdvancedTableInlineRowLoading
Version data entries
154 entries across 154 versions & 2 rubygems