-
Notifications
You must be signed in to change notification settings - Fork 355
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
feat(table-grid): add Table Grid component #594
Conversation
67e895e
to
13608a0
Compare
Pull Request Test Coverage Report for Build 2048
💛 - Coveralls |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@jeff-phillips-18 this looks great, but upon hover, the column header text should also change color (consistent with PF Links)
13608a0
to
97d72ab
Compare
@serenamarie125 Fixed |
should we have an hover (with full text) on long text? |
That would be up to the application to wrap the component in an overlay trigger. I thought about adding it automatically, but it would have to take all the same options plus a flag to use it or not. |
return ( | ||
<Grid.Col className={classes} {...props}> | ||
{sortable && ( | ||
<React.Fragment> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Not sure you need the <React.Fragment>
here.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ah, correct. Leftover...
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM for first version thanks @jeff-phillips-18
@ohadlevy we wanted to put in minimum support so that UHC could start using this. Let me work on a doc for PF React components to support OpenShift and share with you/Liz, anyone else. Maybe your team can help with enhancing these items? |
0a72296
97d72ab
to
0a72296
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
@dtaylor113 Removed unnecessary React.Fragment |
0a72296
to
343e977
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- needs rebase though
affects: patternfly-react-extensions The table grid component is used to create a bootstrap grid based table with headers that are able to be used for sort selection.
635a36c
to
48ccc0d
Compare
affects: patternfly-react-extensions
What:
The table grid component is used to create a bootstrap grid based table with headers that are able to be used for sort selection.
Link to Storybook:
https://rawgit.com/jeff-phillips-18/patternfly-react/table-grid-storybook/index.html?knob-Max%20Shown=5&knob-Leeway=2&knob-Bordered=true&selectedKind=patternfly-react-extensions%2FContent%20Views%2FTableGrid&selectedStory=TableGrid&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybooks%2Fstorybook-addon-knobs
Link to Requested Design
https://docs.google.com/document/d/1uxYtn2ekSa_QOH_Uwe0MGpPGl3woqcRfi6zvS5MMZP8/edit
@serenamarie125