Flexbox Tables from CSV
Output Readme Download Replit Sel. & Copy Full

About

This repl generates flexbox tables from a CSV file.

To view this on TripleLog, click here

Data

The data is a CSV file generated from Wikipedia stats API. You can simply upload a different csv file to create a different table.

HTML

The HTML file is a simple flexbox table. It is actually probably better to arrange the table by column rather than by row. This technique allows the column widths to flex. When organizing by row, you need to set the the column widths manually or different rows will have columns in different places.

The index2.html file has an example of flexing by column, and this page is generated using the template2.html file and the last ~half of the index.js code.

CSS

You can style the table however you wish.

NodeJS Server

Each time the server is started, the static file is generated from the data and the template.