Preparation:

• Open UI Research
  • https://open-ui.org/components/table.research
• Open GitHub issues related to component
  • Table: create selection indicator primitive #24223
  • Table: Create VR tests for primitives #24224
  • Table: Create primary column primitive #24225
  • Avatar size should update with Table size prop #24805
  • Table/DataGrid: Composable logic #24226
  • DataGrid: row navigation mode #24227
  • DataGrid: cell navigation mode #24228
  • DataGrid: Explore virtualization with render function API #24229
  • DataGrid: composite navigation mode #24381
  • Table/Datagrid: Support navigation modes with tabster #24382
  • Implement DataGrid component #24420
  • Try to migrate v8 DetailsList with Table and DataGrid #24421
• react-* package scaffolded with the right ownership in CODEOWNERS
  • chore: bootstrap react-table package #23876
• Component Spec authored and reviewed
  • Spec: Table/DataGrid component #23984

Implementation

[link to react-* package folder]

• Component implementation
  • https://github.com/microsoft/fluentui/tree/master/packages/react-components/react-table
• Storybook stories
  • [link(s) to stories PRs]
• Add tests: Conformance, Unit, and VR -- add PRs to all
  • Bundle size fixtures
  • Conformance tests
  • Unit tests
  • VR tests
  • Accessibility behavior tests
  • Create an issue and run manual accessibility tests: (issue link)
  • Performance test scenario
• README.md covering basic usage
• MIGRATION.md guide (include v8 and v0)

Validation

• Add and validate in UI Builder
• Add and validate in docs site
• Validate with token pipeline
• Validate in product
• Finalize migration guide
  • Author codemods