diff --git a/index.html b/index.html index a613439..6a51737 100644 --- a/index.html +++ b/index.html @@ -18,14 +18,14 @@

Chart

Data table

- Toggle table + Toggle table - + diff --git a/src/render.ts b/src/render.ts index 7da0306..26c0377 100644 --- a/src/render.ts +++ b/src/render.ts @@ -77,7 +77,7 @@ function renderTable(data: PlotData[]) { .map( (row: PlotData) => ` - + diff --git a/src/style/main.css b/src/style/main.css index a462653..2a9e4e2 100644 --- a/src/style/main.css +++ b/src/style/main.css @@ -1 +1,5 @@ @import "./bulma.css"; + +#table-toggle { + cursor: pointer; +}
A table containing the same data as the chart
YearAge Investments/Savings Income Living costs
${row.year}${row.age} ${Math.round(row.investments)} ${Math.round(row.income)} ${Math.round(row.livingCosts)}