Find Jobs
Hire Freelancers

JavaScript table sorting and filtering

$10-30 USD

Completed
Posted about 4 years ago

$10-30 USD

Paid on delivery
I need to include the attached JSON content into a JavaScript file that can be included on a webpage without using any other JavaScript dependencies (example, no jQuery). This also needs to be done entirely in the browser without the need for any server side scripts-- so JavaScript, CSS, and HTML only. I then need that data to be displayed in a table format with 4 dropdown (select boxes) and 2 checkboxes as filters that will update the displayed content in the table on the page: Filtering: 1) Dropdown that filters for type 2) Dropdown that filters for score 3) Dropdown that filters for title 4) Dropdown that filters for employer 5) Checkbox that filters for only active = true 6) Checkbox that filters for only gender = female Based on what the user selects in the dropdowns (without having to push a button, it should start filtering immediately on changes), it will hide/show items in the table. The table however should show all items in the JSON object, not just these 6 filterable items Sample JSON object: [ { "_id": "1234", "name": "John Smith", "active": true, "type": "primary", "score": "good", "title": "construction", "employer": "abc corp", "age": 28, "eyeColor": "green", "gender": "male", "about": "Consequat consectetur adipisicing labore ea proident do ad. Sint ut culpa reprehenderit eiusmod commodo nostrud incididunt quis. Ea anim proident proident ex quis aliquip id tempor esse tempor. Eu velit fugiat excepteur consectetur aliqua enim sit veniam adipisicing labore sunt fugiat. Laboris minim aliquip adipisicing quis occaecat ex nulla pariatur voluptate laborum cillum." }, { "_id": "48484", "name": "Jane Smith", "active": true, "type": "primary", "score": "great", "title": "cfo", "employer": "def corp", "age": 39, "eyeColor": "blue", "gender": "female", "about": "Eu non aliqua velit reprehenderit proident cupidatat nulla nulla deserunt enim. Officia cupidatat adipisicing ullamco labore et anim do laborum officia in sit laboris incididunt. Ea duis laboris sunt nulla laboris anim magna quis. Velit fugiat id Lorem do minim cillum Lorem pariatur labore. Commodo laboris non dolore labore aute. Elit Lorem nostrud id veniam aute do excepteur fugiat occaecat veniam voluptate. Ad cillum tempor eiusmod id sit tempor do laborum ullamco voluptate laborum occaecat." }, { "_id": "44422", "name": "Josh Smith", "active": false, "type": "secondary", "score": "bad", "title": "secretary", "employer": "def corp", "age": 51, "eyeColor": "blue", "gender": "female", "about": "Et id ea mollit Lorem dolore aliquip duis ea adipisicing consequat ex elit. Ex aute ipsum veniam sunt aliquip mollit. Cillum sit consectetur non laborum. Consectetur et laboris esse adipisicing. Et voluptate ex reprehenderit duis elit magna aliqua ad ad ex non pariatur. Exercitation ipsum laborum eu exercitation aute laboris mollit proident sit ipsum elit mollit." } ]
Project ID: 23483030

About the project

6 proposals
Remote project
Active 4 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
Awarded to:
User Avatar
Hello, ⭐⭐⭐⭐⭐ i am interested in this project , i can write js , jquery code to filter your input json and show the filtered data to html table can begin now waiting your answer on chat Regards ⭐⭐⭐⭐⭐
$20 USD in 1 day
4.9 (46 reviews)
4.5
4.5
6 freelancers are bidding on average $28 USD for this job
User Avatar
I can make this offline json object sorter for you within an hour. My average project completion time is within 3-5 hours on the same day. The skills I have include PHP, HTML5, CSS3, JavaScript, jQuery, WordPress Themes & Plugins, Web Scrapers & Automation Bots, User Scripts, Macros, and much more. If you have any questions or concerns. Feel free to message me via chat to clarify any details.
$30 USD in 1 day
4.9 (175 reviews)
6.6
6.6
User Avatar
Hello Sir , I am highly interested in this project please provide me a chance to work for you. Thanks
$30 USD in 2 days
4.6 (79 reviews)
6.3
6.3
User Avatar
Hi There I am a senior software engineer with 10 years of practical programming experience. I have excellent programming and development skills in various programming languages and frameworks. I am interested in your project. I will provide an efficient, robust and well documented solution with dedicated support. I will anticipate to discuss the details to get started. Thanks Farah Saif
$50 USD in 2 days
4.5 (52 reviews)
5.6
5.6
User Avatar
Hello Sir I am Zahoor Ahmad, a professional SEO friendly website developer. I have read your project description and understood your requirements properly. I can develop your business website with full perfection. Our developed website will be cross-browser compatible, fully responsive for all devices, SEO friendly coding with google optimized speed. Main Thing: Our developed website would be highly secure from HACKING and spamming. I have 3+ years of experience with more than 100 successful projects, as you can see my freelancer rating (100 % positive rating with 5 stars only). We believe in high-quality services to have a long term business relationship. Please come in private chat to discuss more in detail about your website and I’m ready to start your project right now. I’m sure you would love my quality work. I’m waiting for your positive response. Thanks
$20 USD in 2 days
4.7 (7 reviews)
4.3
4.3
User Avatar
I have the skills required to filter the JSON without using Jquery as wanted. It will be done to your taste and in a more simpler way.
$20 USD in 1 day
0.0 (0 reviews)
0.0
0.0

About the client

Flag of UNITED STATES
Newport Beach, United States
4.8
2
Payment method verified
Member since Jan 20, 2020

Client Verification

Other jobs from this client

Python Sudoku script
$30-250 USD
Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.