You Ready To Go Gung HO? A Hotshot Challenge
Knockout makes it easy to build a <table>
from an array of data, and because the data is dynamic, it's easy to edit it or add new items to it, and have the data in our application updated. Although the data is stored locally in a file in this example, it would be trivial to store the data on the server and populate our elements array at page load using a simple AJAX function.
This would be the first thing to do if you wanted to take this example further. Once this has been done, why not see if you can make the table cells editable so that their values can be changed, or add a feature that allows you to insert new rows into the <table>
. Once you've done this, you'll want to post the new data back to the server so that it can be stored permanently.