/DataTables_Sample_Project

Creating an interactive HTML table populated with API data.

Primary LanguageHTML

DataTables Sample Project

This sample project demonstrates the basic structure required to connect an HTML table’s data feed to a JS server-side script.

The jQuery DataTables plug-in is used to enhance the table and populate its contents with fake data from an online REST API. As a result, the HTML table becomes responsive, interactive, and linked to the server.

The step-by-step walkthrough can be found here:
https://levelup.gitconnected.com/create-interactive-html-tables-populated-with-api-data-dd5c467b0851

And to run it locally:

  1. Clone this repository to a local folder
  2. Run npm install from inside the root directory (i.e. where package.json is located) to install the dependencies
  3. Run the web server using node server.js and visit http://localhost:3000

Sample_Project_Result