Single Webpage with data filtering

I have small project for you. I want a single page HTML with data filtering based on Location, Price range and no of workspaces.

I am attaching a sample html ( which is not fully working). And what I want it to look like - pdf and source csv which I want to load to a html table.


Its a small school project for my kid.

Few conditions:

1. No external css/js, all needs to be in a single html file ( hence no webserver required)
2. No 3rd party Js ( so jQuery etc not allowed, unless you can extract specific piece of code you need or include in the HTML itself).
3. The search field should search City/Location/Address
4. Price Range should filter data based on Price range
5. No of desk should filter on Workspaces
All the filtering should be individual java script actions.
6. The table data should be loaded using a java script which converts the csv data into html table [ as the data is likely to change in future, we want to make it dynamic]
7. Table headers should be fixed/frozen should also have a filtering option for City/Location/Name and sorting option on Workspaces and List Price.

Your portfolio is impressive. Looking forward to work with you.

Thanks
Aszad