-
Notifications
You must be signed in to change notification settings - Fork 14.3k
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
refactor: Remove usages of reactable from TimeTable #11046
Conversation
aa68a05
to
ea8463a
Compare
From the screenshot, wondering why the sparkline isn't expanding to 100% width (?) |
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.
Code LGTM, but I'd like to get 👀 from @nytai on the ListView tweaks and implementation.
In regard to @mistercrunch's concern, the code looks basically the same, i.e. the sparkline has
width={parseInt(column.width, 10) || 300}
. @kgabryje can we repro whether or not the code on `master has the same layout with these chart columns?
@mistercrunch Thanks for pointing that out! A style prop for spark column wasn't passed correctly which caused it to have larger width than it should have. Fixed now. I updated the PR summary with the new screenshot. @rusackas It was my mistake, now the spark column has correct width. |
* Use ListView instead of reactable * Refactor TimeTable * Spark column width fix
…1046)" (apache#11150) This reverts commit f01b8a3.
SUMMARY
The goal is to replace all uses of
reactable-arc
library with DataTable from superset-ui (which usesreact-table
under the hood) and keep the UI/UX mostly unchanged. The reason for that is thatreactable-arc
has been unsupported for 2 years now, uses deprecated lifecycle methods and is incompatible with Typescript.This PR replaces
reactable-arc
inTimeTable
component.BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF
Before:
After:
TEST PLAN
ADDITIONAL INFORMATION