Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Spec: Table/DataGrid component #23984

Merged
merged 15 commits into from
Mar 1, 2023
Merged

Conversation

ling1726
Copy link
Member

@ling1726 ling1726 commented Jul 19, 2022

Adds the spec for the table component. This spec is not meant to be
exhaustive and will be updated as new features are planned and delvered
(e.g selectable rows).

PREVIEW

Fixes #23983

Adds the spec for the table component. This spec is not meant to be
exhaustive and will be updated as new features are planned and delvered
(e.g selectable rows).

Addresses: microsoft#23983
@codesandbox-ci
Copy link

codesandbox-ci bot commented Jul 19, 2022

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit ce6f970:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 19, 2022

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-table
DataGrid
143.646 kB
39.157 kB
144.785 kB
39.447 kB
1.139 kB
290 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
64.09 kB
17.544 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
202.311 kB
56.366 kB
react-components
react-components: FluentProvider & webLightTheme
35.049 kB
11.533 kB
react-portal-compat
PortalCompatProvider
6.324 kB
2.129 kB
react-table
Table (Primitives only)
43.776 kB
12.063 kB
react-table
Table as DataGrid
134.4 kB
34.514 kB
react-table
Table (Selection only)
82.316 kB
20.576 kB
react-table
Table (Sort only)
81.637 kB
20.386 kB
🤖 This report was generated against 3b37078d657a664f7a55ffff35cdf698d16de144

@size-auditor
Copy link

size-auditor bot commented Jul 19, 2022

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 3b37078d657a664f7a55ffff35cdf698d16de144 (build)

Copy link
Contributor

@spmonahan spmonahan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I know this is an early draft but I left a few comments :)

packages/react-components/react-table/Spec.md Show resolved Hide resolved
packages/react-components/react-table/Spec.md Outdated Show resolved Hide resolved
packages/react-components/react-table/Spec.md Show resolved Hide resolved
packages/react-components/react-table/Spec.md Show resolved Hide resolved
@ling1726 ling1726 changed the title Spec: Table component Spec: Table/DataGrid component Jul 21, 2022
@ling1726 ling1726 marked this pull request as ready for review July 21, 2022 07:24
@ling1726 ling1726 requested a review from a team as a code owner July 21, 2022 07:24
@ling1726 ling1726 added the Type: Spec Component spec PR label Jul 21, 2022
@ling1726 ling1726 requested review from a team July 21, 2022 07:25
@Hotell
Copy link
Contributor

Hotell commented Jul 27, 2022

Regarding naming I'm in favor of 💖Table/DataGrid as it aligns nicely with purpose and also wai aria

@ling1726 ling1726 mentioned this pull request Aug 4, 2022
22 tasks
@fabricteam
Copy link
Collaborator

fabricteam commented Aug 4, 2022

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1300 1279 5000
Button mount 919 911 5000
Field mount 1932 1953 5000
FluentProvider mount 1535 1522 5000
FluentProviderWithTheme mount 573 579 10
FluentProviderWithTheme virtual-rerender 549 550 10
FluentProviderWithTheme virtual-rerender-with-unmount 579 586 10
InfoButton mount 515 520 5000
MakeStyles mount 1959 1954 50000
Persona mount 2847 2841 5000
SpinButton mount 2288 2305 5000

@msft-fluent-ui-bot
Copy link
Collaborator

Because this pull request has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

The pull request will still be available for reference. If it's still relevant to merge at some point, you can reopen or make a new version based on the latest code.

@msft-fluent-ui-bot msft-fluent-ui-bot added the Resolution: Soft Close Soft closing inactive issues over a certain period label Jan 1, 2023
@ling1726 ling1726 reopened this Jan 2, 2023
@fabricteam
Copy link
Collaborator

fabricteam commented Jan 2, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@ling1726 ling1726 merged commit cb0acaa into microsoft:master Mar 1, 2023
GeoffCoxMSFT pushed a commit to GeoffCoxMSFT/fluentui that referenced this pull request Mar 1, 2023
* Fix: Dependency mismatch after v9 release

* Spec: Table component

Adds the spec for the table component. This spec is not meant to be
exhaustive and will be updated as new features are planned and delvered
(e.g selectable rows).

Addresses: microsoft#23983

* update spec

* fix missing sortable example

* update medium sie

* Add media slot to table cell

* update table sorting props

* Update Spec.md

* Update Spec.md

* update spec to current stable form
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Area: Components Component: Table Resolution: Soft Close Soft closing inactive issues over a certain period Type: Spec Component spec PR
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Table
7 participants