You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We need a flexible, responsive table for our work with DFX. This will be a meaty/complex component, but will greatly increase the value of our component library.
Acceptance Criteria
Should accept semi-structured data where key properties are column headings and values are column values
Should allow for deep-dives of values based on an array of values
Example: Target is "color" in { owner: { dog: { color: 'brown' } accessible by ['owner', 'dog', 'color']
Should allow for custom column headings
Should allow for ascending/descending/no sorting of columns
Should allow for sorting to be handled externally
Should allow for an initial sort upon render
Should be fully accessible
Should allow for row click actions
Should allow for row selection and have an active indicator when selected
Should include an ExpansionPanel option when rows are clicked
This would supersede any row click actions
Should have a pop-out style when a row's ExpansionPanel details are shown
Should have have three types that adjust padding: default, comfortable, and compact
See Gmail "Display Density" options as a reference
Should implement component library theming color schemes
Should have an alternate dark mode theme (goDark property)
The text was updated successfully, but these errors were encountered:
Description
We need a flexible, responsive table for our work with DFX. This will be a meaty/complex component, but will greatly increase the value of our component library.
Acceptance Criteria
{ owner: { dog: { color: 'brown' }
accessible by['owner', 'dog', 'color']
ExpansionPanel
option when rows are clickedExpansionPanel
details are showntypes
that adjust padding:default
,comfortable
, andcompact
goDark
property)The text was updated successfully, but these errors were encountered: