I'm currently working on a site for a friend, converting a google sheet to a webpage (to reduce the time it takes to modify the spreadsheets and apply them to all users).One particular page is currently in a Google Sheet form, since the main purpose is to serve as a way of 'tracking' users. There's a lot of data that the user can modify (500+ rows).Each spreadsheet is the same for each user, but some users may be further along in the process of completion.Once this page is functional, I want the client to be able to go in and add more rows to the page with as much ease as possible. They are fairly technical, but I still want to make it as easy as possible since adding more rows will occur pretty frequently.My question is: Would it make more sense to make a large  and manually add the  elements (hardcode them), or have the rows populated via JavaScript?Example of hardcoded rows:<tr class=row-minor>    <td class=col-lg-2 points-col-minor>100</td>    <td class=col-lg-6 task-col-minor>Complete task 1</td>    <td class=col-lg-2 hours-minor>5</td>    <td class=col-lg-2 completed-no>No</td></tr>I could copy and use this format 500+ times, and have the client just use this whenever they wanted to add new rows. Copy and pasting would be simple enough.Example of JavaScript populated:JsonObj = {    row: {        points: 100,        task: Complete task 1,        hours: 5,        completed: no,    },}...// code to generate table rows from JsonObjWould generating 500+ rows each time the user visits this page be very visible or cause a lot of page latency? The user would, on average, visit this page a few times per day (long sessions). Edit: I could also possibly do this via php. Not sure if this would make anything easier, though.I'm leaning towards generating them so that there isn't tedious errors of copying code over and over, and adding things to a JSON object is much easier for the client and much more readable, but I'm curious what you all think is better practice.Thanks!
Tabular Website Design with Continuously Added Content
javascript;html;css;json