Ditutup

Automatically build a HTML with collapsible rows with JavaScript, given a JSON file.

I have a JSON that looks something like this (still to be finished, can be adapted throughout the project, can use fake data):

```

var rows = [

{'date': ('2016-01-01'), 'account': 'Revenues', 'code': 3000000, 'value': 4700.0, 'level': 1},

{'date': ('2016-01-01'), 'account': 'Revenues', 'code': 3010000, 'value': 4700.0, 'level': 2},

{'date': ('2016-01-01'), 'account': 'Revenues', 'code': 3010000, 'value': 4700.0, 'level': 3},

{'date': ('2016-01-01'), 'account': 'Revenues', 'code': 3010100, 'value': 4700.0, 'level': 4},

{'date': ('2016-01-01'), 'account': 'Benefits', 'code': 3010102, 'value': 300.0, 'level': 4},

{'date': ('2016-01-01'), 'account': 'Expenses', 'code': 3010102, 'value': 0, 'level': 1},

{'date': ('2016-01-01'), 'account': 'Expenses', 'code': 3010102, 'value': 0, 'level': 2},

{'date': ('2016-01-01'), 'account': 'Expenses', 'code': 3010102, 'value': 0, 'level': 3},

{'date': ('2016-01-01'), 'account': 'Rent', 'code': 4020101, 'value': -2150.0, 'level': 4},

{'date': ('2016-01-01'), 'account': 'Car', 'code': 4020108, 'value': -400.0, 'level':4},

{'date': ('2016-01-01'), 'account': 'Food1', 'code': 4020201, 'value': -1191.58, 'level': 4},

{'date': ('2016-01-01'), 'account': 'Food2', 'code': 4020202, 'value': -264.88, 'level': 4},

```

I need to make a HTML table using JavaScript.

This table has the following features:

1. Collapsible: when I click Level 1, it collapses all of it's direct children (and the children of the children as well). The for Level 2 and Level 3.

2. Columns: the first two columns are fixed (account and code), the value is given for a specific month, and the columns are the monthly data.

3. Style: Level 1 rows are bold and have a different style from level 2, 3 and 4, for example.

4. Fixed TOTAL column: the last column is the sum of all previous columns values, and it is fixed.

5. Loading Time: it has to be fast.

6. Totals Rows: Revenus minus Costs will equal (GROSS PROFIT) which is a calculated row. GROOS PROFIT minus EXPENSES will equal EBIT. I can even make the calculation on the backend, but the table must consider this.

I probably could restructure the JSON on the backend if needed, so we can discuss which data structure would be best to work with.

Even though I would prefer vanilla JavaScript, there's nothing too bad about jQuery.

Thanks.

Keahlian: HTML, Javascript

Lihat lebih lanjut: build html page, combobox html icon css javascript, showhide table rows javascript, create html table from json, json table example, jquery dynamically create table from json, json to html table, populate html table with json data, display json data in html table using javascript, json to table jquery, display json data in html table using jquery, collapsible rows ajax, build html newsletter, html applications using javascript, html photo gallery javascript mysql, html textarea rows incorrect, html form redirect javascript, javascript php json sql css html, php html javascript ajax json web program, javascript expand collapse html table rows

Tentang Pemberi kerja:
( 0 ulasan ) Brazil

ID Proyek: #17901187

41 freelancer menawar dengan rata-rata $68 untuk pekerjaan ini

dpbhatt02

Hi, Sure, We can do this. We have 6+ years experince in this field. We have done multiple similar jobs before, check out my profile, https://www.freelancer.com/u/dpbhatt02.html We are in top 10 web designers and devel Lebih banyak

$100 USD dalam 5 hari
(215 Ulasan)
7.2
BaNgan

Hi, I would like to discuss more about the table structure Are all the records with same code be attach into 1 collapsible element with header is level 1? Thanks for reading Ngan Le

$77 USD dalam 10 hari
(257 Ulasan)
7.1
superman1987417

Greetings. I'm an expert web developer. I've checked your requirements carefully and researched on them a lot. I have some questions. Could we use jQuery plugin for this job? I've ever built collapsible table usin Lebih banyak

$50 USD dalam 10 hari
(61 Ulasan)
6.4
Lavlu

Hello Sir, Sir,I saw your project and it matches with my Skills and Expertise. I'm having 9 Years of experience within the same technology. After studding your requirements ,there are few questions that needs to be Lebih banyak

$55 USD dalam 10 hari
(29 Ulasan)
6.7
abhyasam

Hello I am well experienced Web developer. please have a look at my portfolio and past work reviews. Regards Mukesh

$100 USD dalam 2 hari
(30 Ulasan)
5.7
zahidsaeed96

Hi there! Allow me to complete this task. Please ping me so that we can discuss more and I can start off my work right away :)

$90 USD dalam 1 hari
(55 Ulasan)
5.3
nataliaomelchenk

Hi there Nice to meet you. I read your proposal and understood your idea. I am a senior JAVASCRIPT developer. So I can help you perfectly. I'd like to work with you. Let's discuss more details. Best rega Lebih banyak

$90 USD dalam 10 hari
(19 Ulasan)
5.3
psubramonian

I request you to contact me further in order to have a detailed discussion on your project related requirements. Please refer my portfolio below for more details. Waiting for your reply. > Web Applications using Lebih banyak

$90 USD dalam 0 hari
(41 Ulasan)
4.9
desislavivanov0

Hello! Your project seems simple and I think I can complete it in 1 day. I will use vanilla js. Let me know if you’re interested.

$66 USD dalam 3 hari
(5 Ulasan)
4.7
jayesh793

We can deliver you the best with in your time frame. I would say please don't look on the price go for the service and the relation you will get because I always believe in Win Big never in Lose Small. Thank you ver Lebih banyak

$55 USD dalam 10 hari
(19 Ulasan)
4.4
$25 USD dalam 10 hari
(8 Ulasan)
4.4
swamyvaditya

Hi, I possess excellent skills in javascript, jquery, bootstrap, css and can create the html table dynamically using javascript with table data coming from a JSON file. Please contact me to discuss in detail and mov Lebih banyak

$90 USD dalam 10 hari
(6 Ulasan)
4.2
aswebsmart

Hi, Your requirements are fully clear to me and I am applying only because I meet all the requirements that you are looking for. I have been working as a wordpress developer and designer for more than 6 years and I Lebih banyak

$77 USD dalam 1 hari
(14 Ulasan)
3.6
Davixe07

Hello, i'm a fullstack web developer with 7+ years of experiencia. I'm a Javascript expert and i can have it ready for you by tomorrow in the morning working perfectly. Please contact me on chat if you're interested Lebih banyak

$50 USD dalam 3 hari
(18 Ulasan)
3.4
Gloud

Hi there, I can deliver this code in vanilla js, everything in the brief seems to be clear and very much doable. I've put delivery time to 4 days but most likely will be finished way before that time. Let's chat! Lebih banyak

$94 USD dalam 4 hari
(1 Ulasan)
2.8
pankajsaini1989

Kindly consider me. I can start on your project immediately and looking forward to work for you. “WILL BE AVAILABLE 40HRS/WEEK” Thanks “Quality in short span of time”

$100 USD dalam 10 hari
(1 Ulasan)
2.4
avto35217

How are you, sir. I have checked your post. And I just have known that you want a developer to work for your job - 'Automatically build a HTML with collapsible rows with JavaScript, given a JSON file.' I have much and Lebih banyak

$55 USD dalam 1 hari
(1 Ulasan)
2.3
anjlisoni

Hello, I hope you are doing well ,as I have gone through your job description carefully . I am absolutely sure that I can do the project very well. I have worked on similar projects to what you are looking for and I a Lebih banyak

$55 USD dalam 10 hari
(1 Ulasan)
1.1
yavuzmetin07

I worked with json files and collapsible data tables on my projects before. So I think I can do this job. :) Best regards...

$83 USD dalam 10 hari
(1 Ulasan)
0.6
gvsuresh02

Hi I can do it as you expected using Html, javasctipt/jquery

$66 USD dalam 2 hari
(1 Ulasan)
0.4