Support natural sizing

Summary:
Introduced the `scrollable={false}` option to DataTable, that gives the table its natural size, while still having all the other gimmicks of DataTable, like search, filter, etc etc.

To implement this, a non-virtualizing rendering is needed, which is handled by the `StaticDataSourceRenderer`

Also introduced the option to hide the searchbar.

Reviewed By: nikoant

Differential Revision: D28036469

fbshipit-source-id: 633c4f7f3fabfa99efa2839059aaa59b0a407ada
This commit is contained in:
Michel Weststrate
2021-04-28 05:47:07 -07:00
committed by Facebook GitHub Bot
parent e423bc7959
commit d6c74c4e2f
6 changed files with 188 additions and 40 deletions

View File

@@ -58,12 +58,12 @@ test('update and append', async () => {
class="css-1k3kr6b-TableBodyRowContainer e1luu51r1"
>
<div
class="css-744e08-TableBodyColumnContainer e1luu51r0"
class="css-esqhnb-TableBodyColumnContainer e1luu51r0"
>
test DataTable
</div>
<div
class="css-744e08-TableBodyColumnContainer e1luu51r0"
class="css-esqhnb-TableBodyColumnContainer e1luu51r0"
>
true
</div>
@@ -115,12 +115,12 @@ test('column visibility', async () => {
class="css-1k3kr6b-TableBodyRowContainer e1luu51r1"
>
<div
class="css-744e08-TableBodyColumnContainer e1luu51r0"
class="css-esqhnb-TableBodyColumnContainer e1luu51r0"
>
test DataTable
</div>
<div
class="css-744e08-TableBodyColumnContainer e1luu51r0"
class="css-esqhnb-TableBodyColumnContainer e1luu51r0"
>
true
</div>
@@ -140,7 +140,7 @@ test('column visibility', async () => {
class="css-1k3kr6b-TableBodyRowContainer e1luu51r1"
>
<div
class="css-744e08-TableBodyColumnContainer e1luu51r0"
class="css-esqhnb-TableBodyColumnContainer e1luu51r0"
>
test DataTable
</div>