Sha256: 97fc02e26efb62aaac7f8bd61c1988553dac4309322ed4ff7c37e0112164c5db

Contents?: true

Size: 1.09 KB

Versions: 1007

Compression:

Stored size: 1.09 KB

Contents

import React from "react"
import { AdvancedTable } from "playbook-ui"
import MOCK_DATA from "./advanced_table_mock_data.json"

const AdvancedTableSort = (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",
    },
  ]

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

export default AdvancedTableSort

Version data entries

1,007 entries across 1,007 versions & 2 rubygems

Version Path
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5437 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui_docs-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui_docs-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
playbook_ui_docs-14.11.1.pre.alpha.PLAY1720phonenumberinputformatAsYouType5377 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx