overview
HTML tables are a simple way to create a tabular display of data in HTML. As with all HTML, the HTML is created through the use of HTML tags. There are a handful of tags that are used to specify a table.Table Tags
The top level tag that denotes a table is the <table> tag.
The <tr> tag denotes a row in the table.
The <td> tag dnotes a column in the table.
The following shows the HTML for a simple table.
<table>
<tr><td>column1</td><td>column2</td></tr>
<tr><td>data1-1</td><td>data2-1</td></tr>
<tr><td>data1-2</td><td>data2-2</td></tr>
</table>
which outputs the following unstylized table:
| column1 | column2 |
| data1-1 | data2-1 |
| data1-2 | data2-2 |
Table CSS
A raw table without any style information applied is generally not very useful. For information on HTML table css, please see Table CSS
Tools and Apps
There are multiple ways to easily create HTML based tables using tools hosted on the davinci platform.
HTML Table App: provides a simple way to bind data from an array of objects to an HTML table. Declarative HTML Table App: provides a way to bind data to a table but includes utilities for adding or transforming the data, including ways to style the table beyond standard css. Is much more flexible than the HTML table app, but has a higher learning curve.