Inserting CSV Files into HTML

Complete details on this module are available at the bottom of this page.

Some explanatory text would go here.

The scripts below will display a csv (index*.csv) as a table in your webpage:

You can specify columns that contain email addresses, phone numbers, or URLS and they will be converted to buttons on the table. See the bottom of the page for how to do this.

javascript: display-csv.js

javascript: display-csv-alt1.js

css: display-csv.css

example csv: index*.csv

HTML Example:

<head>
<link rel="stylesheet" href="display-csv.css">
</head>
...
<div class="body-container">
<table id="csvTable">
</table>
<table id="csvTableAlt1">
</table>
</div>
...
<script src="display-csv.js"></script> # at this to the bottom of the page before </body>
<script src="display-csv-alt1.js"></script> # at this to the bottom of the page before </body>

To specify which columns are email addresses, phone numbers or URLS: edit these lines in the javascript:

const emailColumnIndex = 3; // Change this to the appropriate column index
const websiteColumnIndex = 4; // Change this to the appropriate column index
const phoneColumnIndex = 5; // Change this to the appropriate column index