App Inventor Tutorials and Examples_ Dynamic Table Layout _ Pura Vida Apps.pdf

 (./index.php) App Inventor and HTML/JavaScript HTML/JavaScript with w ith Input Parameters

 App Inventor Inventor and and Dynamic Dynamic Tabl Table e Layout Layout This This i s the App Inventor  example,  example, it also is available for App Inventor Classic here Classic here (./table2.php). Thank you Christopher  for  for being be ing the sponsor of o f the App Inventor nventor 2 version! It was asked in the App Ap p Inventor Inventor Forum (https://groups.google.co (https://groups.google.com/d/topi m/d/topic/programming-with-appc/programming-with-appinventor/zopD9HkBnWA/disc inventor/zopD9HkBnWA/discussion), ussion), how how to display di splay a table in i n App Inven Inventor  tor without without knowing how many rows will be supplied. supplied.  And let let me me add to this requirement, without knowing how many columns columns will be supplied! App Inventor together with embedded HTML/JavaScript can do that!

Thank you Craig! (http: //stackoverflow.com/users/  //stackoverflow.com/users/525558/craig) 525558/craig) Your JavaScript example (http://stackoverflow.com/questions http://stackoverflow.com/questions/8749236 /8749236/create-table-with-jquery /create-table-with-jquery-append) -append) helped me to set up this solution. You can use this example for your projects p rojects without need to adjust anything in the HTML document. And: it works with any desired number of rows and/or columns! Well, columns! Well, if you do not like the colors etc., there there are lots of possibili possi bilities ties you can adjust adjust with CSS (http://www (http://www.w3schools.com/css/css_table.asp) .w3schools.com/css/css_table.asp) in the header heade r of the HTML document.

 App Inventor Blocks Block s Dow Do wnload the html file The HTML file table.html will table.html will be downloaded on first run of the app and stored on the sd card of the device using a modified version of the Webprefetch File by File (filebyfile.php) (filebyfile.php) example.

Display the table We pass the urlencoded (http://en.wikipedia.org/wiki/Urlencode) table in csv format as parameter to the html file and use a webviewer component to di splay it. That's all...

Pura Vida Apps (index.php)

Apps (apps.php)

Snippets (snippets.php)

Screenshot Tutorials (tutorials.php)

Links (links.php)

News (news.php)

Search (search.php)

Forums (forum.php)

Contact (contact.php)

HTML/JavaScript      Table Layout