diff --git a/giraffe/package.json b/giraffe/package.json
index 02950d12..bdf848dd 100644
--- a/giraffe/package.json
+++ b/giraffe/package.json
@@ -1,6 +1,6 @@
{
"name": "@influxdata/giraffe",
- "version": "2.37.0",
+ "version": "2.37.1",
"main": "dist/index.js",
"module": "dist/index.js",
"license": "MIT",
diff --git a/giraffe/src/components/SimpleTable/PagedTable.tsx b/giraffe/src/components/SimpleTable/PagedTable.tsx
index 55fbb6fa..63f876ff 100644
--- a/giraffe/src/components/SimpleTable/PagedTable.tsx
+++ b/giraffe/src/components/SimpleTable/PagedTable.tsx
@@ -23,6 +23,8 @@ interface ExtendedColumn {
data: any[]
}
+const TABLE_MARGIN = 10
+
/*
* @param result - the result of the query
* @param paginationOffset - the start index of the first row of the current page
@@ -54,31 +56,28 @@ const getNumberOfRowsOnCurrentPage = (
let lastSignature
let signature
- // rowHeight is now guaranteed to be greater than zero
- const lastVisibleRowMinimumHeight = 0.2 * rowHeight
-
while (rowIdx < result.table.length) {
if (result.table.columns?.table?.data?.[rowIdx] !== currentTable) {
signature = Object.values(result.table.columns)
- .map(
- c =>
- `${c.name}::${c.fluxDataType}::${result.fluxGroupKeyUnion.includes(
- c.name
- )}`
- )
+ .map(column => {
+ if (column.data[rowIdx] !== undefined) {
+ return `${column.name}::${
+ column.fluxDataType
+ }::${result.fluxGroupKeyUnion.includes(column.name)}`
+ }
+ return 'undefined'
+ })
.join('|')
if (signature !== lastSignature) {
runningHeight += headerHeight
if (currentTable !== undefined) {
- runningHeight += 10
+ runningHeight += TABLE_MARGIN
}
- if (
- runningHeight + lastVisibleRowMinimumHeight >=
- totalAvailableHeight
- ) {
+ // Stop counting if the new table cannot fit even 1 row
+ if (runningHeight + rowHeight >= totalAvailableHeight) {
break
}
@@ -92,7 +91,7 @@ const getNumberOfRowsOnCurrentPage = (
runningHeight += rowHeight
- if (runningHeight + lastVisibleRowMinimumHeight >= totalAvailableHeight) {
+ if (runningHeight >= totalAvailableHeight) {
break
}
diff --git a/stories/package.json b/stories/package.json
index 9d7a0ee3..39607b38 100644
--- a/stories/package.json
+++ b/stories/package.json
@@ -1,6 +1,6 @@
{
"name": "@influxdata/giraffe-stories",
- "version": "2.37.0",
+ "version": "2.37.1",
"license": "MIT",
"repository": {
"type": "git",
diff --git a/stories/src/data/multiTableUnusualCSV.ts b/stories/src/data/multiTableUnusualCSV.ts
new file mode 100644
index 00000000..db0a0004
--- /dev/null
+++ b/stories/src/data/multiTableUnusualCSV.ts
@@ -0,0 +1,77 @@
+export const multiTableUnusualCSV = `#group,false,false,true,true,false,false,true,true,true,true,true,true,true
+#datatype,string,long,dateTime:RFC3339,dateTime:RFC3339,dateTime:RFC3339,long,string,string,string,string,string,string,string
+#default,_editor_composition,,,,,,,,,,,,
+,result,table,_start,_stop,_time,_value,_field,_measurement,env,orgID,ot_trace_sampled,role,source
+,,0,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T18:00:00.271705416Z,0,concurrency,query_log,prod01-us-west-2,f42e62a563c59a49,false,queryd-pull-external,node-fetch
+,,0,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T18:00:00.345800045Z,0,concurrency,query_log,prod01-us-west-2,f42e62a563c59a49,false,queryd-pull-external,node-fetch
+,,0,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T18:00:00.517868256Z,0,concurrency,query_log,prod01-us-west-2,f42e62a563c59a49,false,queryd-pull-external,node-fetch
+,,1,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T13:42:16.834184925Z,10251809,totalDuration,query_log,prod01-eu-west-1,3e5a0e72bea11597,false,queryd-pull-external,Firefox
+,,1,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T13:42:16.837751292Z,10131370,totalDuration,query_log,prod01-eu-west-1,3e5a0e72bea11597,false,queryd-pull-external,Firefox
+,,1,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T13:42:22.260353972Z,9327369,totalDuration,query_log,prod01-eu-west-1,3e5a0e72bea11597,false,queryd-pull-external,Firefox
+,,1,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T13:42:22.269283123Z,9407111,totalDuration,query_log,prod01-eu-west-1,3e5a0e72bea11597,false,queryd-pull-external,Firefox
+,,1,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T13:42:25.217267128Z,10185189,totalDuration,query_log,prod01-eu-west-1,3e5a0e72bea11597,false,queryd-pull-external,Firefox
+,,1,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T13:42:25.221087136Z,9477682,totalDuration,query_log,prod01-eu-west-1,3e5a0e72bea11597,false,queryd-pull-external,Firefox
+,,2,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T20:24:33.716662533Z,19424680,totalDuration,query_log,prod01-us-west-2,e0b22590340e8b82,false,queryd-pull-external,influxdb-client-java
+,,2,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T20:24:33.975107358Z,19663159,totalDuration,query_log,prod01-us-west-2,e0b22590340e8b82,false,queryd-pull-external,influxdb-client-java
+,,2,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T20:24:34.177313808Z,15828867,totalDuration,query_log,prod01-us-west-2,e0b22590340e8b82,false,queryd-pull-external,influxdb-client-java
+,,2,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T20:24:34.308050863Z,16158757,totalDuration,query_log,prod01-us-west-2,e0b22590340e8b82,false,queryd-pull-external,influxdb-client-java
+,,2,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T20:24:34.434780169Z,11694194,totalDuration,query_log,prod01-us-west-2,e0b22590340e8b82,false,queryd-pull-external,influxdb-client-java
+,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T10:57:18.425228608Z,829194,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney
+,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:19:30.719523194Z,790403,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney
+,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:31:47.082346305Z,844772,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney
+,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:28.941443986Z,898661,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney
+,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T13:53:15.084571573Z,854410,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney
+,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T14:19:55.83472333Z,845571,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney
+,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T14:53:12.980290778Z,905928,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney
+,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T15:20:35.397244889Z,908028,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney
+,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T17:03:24.94723029Z,1155885,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney
+,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T17:58:42.77633803Z,817680,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney
+,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T17:58:49.038923082Z,1108824,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney
+,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T22:14:40.992351791Z,935533,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney
+
+#group,false,false,true,true,false,false,true,true,true,true,true,true,true
+#datatype,string,long,dateTime:RFC3339,dateTime:RFC3339,dateTime:RFC3339,string,string,string,string,string,string,string,string
+#default,_editor_composition,,,,,,,,,,,,
+,result,table,_start,_stop,_time,_value,_field,_measurement,env,orgID,ot_trace_sampled,role,source
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:00.060661849Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:43:59.984857605Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e filter(fn: (r) =\u003e r[\""_value\""] \u003e 0)\n |\u003e map(fn: (r) =\u003e ({result: r._value}))\n |\u003e count(column: \""result\"")\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:00.191968842Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:00.139756241Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e count()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:00.297924758Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:00.273778936Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:00.659161849Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:00.485258417Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e first()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:00.969822453Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:00.776739426Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e last()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:01.198451517Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:01.080695434Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e count()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:01.221558981Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:43:59.992925078Z"",""query"":""from(bucket: \""post-deployment-tests\"") |\u003e range(start: -1h)""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:01.450976762Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:01.366679943Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:01.705523994Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:01.571561806Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e first()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:01.904289771Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:01.823539562Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e last()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:02.15541439Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:02.022168064Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:02.379045111Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:02.286330042Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:02.59772708Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:02.465423619Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e first()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:02.815603815Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:02.70435201Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e last()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:03.070692188Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:02.918633729Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e fill(column: \""_value\"", value: 0.0)\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:03.362044137Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:03.182830894Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e keep(columns: [\""_field\""])\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:03.586587182Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:03.453079243Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e drop(columns: [\""_field\""])\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:03.890467757Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:03.669535474Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e min()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:04.091810375Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:03.994759403Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e max()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:04.286604443Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:04.206834448Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e mean()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:04.612138478Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:04.527494428Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e top(n:5)\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:04.8080552Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:04.724662012Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e bottom(n:5)\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:47.453840186Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:47.35764943Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e filter(fn: (r) =\u003e r[\""_value\""] \u003e 0)\n |\u003e map(fn: (r) =\u003e ({result: r._value}))\n |\u003e count(column: \""result\"")\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:47.597872306Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:47.543118361Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e count()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:47.7496733Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:47.227744734Z"",""query"":""from(bucket: \""post-deployment-tests\"") |\u003e range(start: -1h)""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:47.779044109Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:47.728025293Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:47.940999385Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:47.87326725Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e first()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:48.06958795Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:48.046459633Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e last()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:48.196222807Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:48.171292706Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e count()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:48.347144323Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:48.305997112Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:48.504155414Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:48.445677444Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e first()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:48.688796949Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:48.607883757Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e last()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:48.865626522Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:48.802093187Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:48.998128386Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:48.975093028Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:49.157365528Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:49.091284945Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e first()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:49.297376308Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:49.256709489Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e last()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:49.439143593Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:49.409799066Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e fill(column: \""_value\"", value: 0.0)\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:49.567010531Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:49.533968714Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e keep(columns: [\""_field\""])\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:49.721870666Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:49.666691128Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e drop(columns: [\""_field\""])\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:49.869979409Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:49.818139597Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e min()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:49.995854653Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:49.965583044Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e max()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl
+`
diff --git a/stories/src/simpleTable.stories.tsx b/stories/src/simpleTable.stories.tsx
index 1a34b8b1..28e4d355 100644
--- a/stories/src/simpleTable.stories.tsx
+++ b/stories/src/simpleTable.stories.tsx
@@ -5,6 +5,7 @@ import {PlotContainer} from './helpers'
import {Config, Plot, fromFlux} from '../../giraffe/src'
import {tableCSV, nonNumbersInNumbersColumn} from './data/tableGraph'
import {largeDataSet} from './data/largeDataSet'
+import {multiTableUnusualCSV} from './data/multiTableUnusualCSV'
storiesOf('Simple Table', module)
.addDecorator(withKnobs)
@@ -77,6 +78,29 @@ storiesOf('Simple Table', module)
</PlotContainer>
)
})
+ .add('Multi-table unusual data set', () => {
+ const backgroundColor = text('Background contrast color:', 'black')
+
+ const showAll = boolean('showAll', false)
+
+ const config: Config = {
+ fluxResponse: multiTableUnusualCSV,
+ layers: [
+ {
+ type: 'simple table',
+ showAll: showAll,
+ },
+ ],
+ }
+
+ return (
+ // Simple Table needs a black background by default,
+ // override Storybook's dark grey
+ <PlotContainer style={{backgroundColor}}>
+ <Plot config={config} />
+ </PlotContainer>
+ )
+ })
.add('Custom CSV:', () => {
const csv = text('Paste CSV here:', '')