Completed

JavaScript table sorting and filtering

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."

}

]

Skills: Javascript, jQuery / Prototype, CSS, HTML, HTML5

See more: list table sorting project, javascript table column drag, javascript table total sum, html javascript table freeze column, javascript table collaps, javascript table select row, javascript table sort php mysql, showhide javascript table, javascript table row add custom attribute, javascript table freeze column, javascript table row page, javascript table row page sample, table sorting javascript sql, javascript visual sorting table

About the Employer:
( 2 reviews ) Newport Beach, United States

Project ID: #23483030

Awarded to:

Ahmed818

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
(46 Reviews)
4.5

6 freelancers are bidding on average $28 for this job

VileGnosis

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 Theme More

$30 USD in 1 day
(175 Reviews)
6.6
acesolution

Hello Sir , I am highly interested in this project please provide me a chance to work for you. Thanks

$30 USD in 2 days
(79 Reviews)
6.3
urmate

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 More

$50 USD in 2 days
(52 Reviews)
5.6
Aanaaya

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 More

$20 USD in 2 days
(7 Reviews)
4.3
OladipoK

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 Reviews)
0.0