https://github.com/ejw-data/javascript-filtering

Example of a HTML table inserted by plain javascript that includes filtering
https://github.com/ejw-data/javascript-filtering

html-css-javascript

Last synced: over 1 year ago
JSON representation

Example of a HTML table inserted by plain javascript that includes filtering

• Host: GitHub
• URL: https://github.com/ejw-data/javascript-filtering
• Owner: ejw-data
• Created: 2019-11-16T20:33:15.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-06-27T17:37:36.000Z (about 4 years ago)
• Last Synced: 2025-01-22T06:47:22.219Z (over 1 year ago)
• Topics: html-css-javascript
• Language: JavaScript
• Homepage:
• Size: 2.06 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# javascript-table-filter-ufo  

Author: Erin James Wills, ejw.data@gmail.com  

![UFO Sightings Table](./config/images/ufo-javascript.png)

Photo by [Marek Piwnicki](https://unsplash.com/@marekpiwnicki?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/ufo?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)




## Overview



This repo is a personal project of a javascript generated table from a json file that also includes filtering capabilities.




## Github Pages  

https://ejw-data.github.io/javascript-challenge/basic-1/   

https://ejw-data.github.io/javascript-challenge/basic-2/   




## Technologies    

*  HTML/CSS/JS




## Data Source  

Original dataset came from Trilogy Education Services.    




## Setup and Installation  

1. Clone the repo to your local machine

1. Open repo folder in an IDE like VSCode

1. Using a virtual server like the VSCode extention LiveServer

1. Run `basic-2/index.html`  




## Example

![Table with Filtering Capabilities](./basic-2/static/images/adv-filter-javascript.png)