make data tables horizontally scrollable if needed

Summary:
Changelog: most data tables allow for horizontal scrolling now if they run out of space

This diff introduces support for horizontal scrolling in datatables. Originally thought about making this a view option, but doing automatically works actually quite fine. By default the columns resize as they did, but if either a column is made bigger or the window is so small no space is left, a horizontal scrollbar can be used.

This adresses several usability issues reported in GH / workplace

fixes https://github.com/facebook/flipper/issues/2608

Reviewed By: antonk52

Differential Revision: D33368216

fbshipit-source-id: 206c761a5873cf0396af091f2cbdedc3e638afac
This commit is contained in:
Michel Weststrate
2022-01-04 08:31:14 -08:00
committed by Facebook GitHub Bot
parent 9267a19c89
commit 80bb372920
5 changed files with 51 additions and 25 deletions

View File

@@ -227,6 +227,7 @@ export function Component() {
columns={plugin.columns}
enableAutoScroll
onRowStyle={getRowStyle}
enableHorizontalScroll={false}
extraActions={
plugin.isConnected ? (
<>