Responsive Data Columns
A table layout is used to display data in columns by removing the cell borders.
The item can be made responsive by checking the "Full Width" box in the Metrics inspector and setting a maximum width.
The table layout can be "auto" or "fixed" and the optional table caption can be aligned left, center or right. Although the table caption element is contained within the <table></table> tags, it sits outside of the table's boundary.
This shows the bare bones version with just a contrasting color for the head. The optional underline on hover has been added which makes it easier for vistors using computers to follow each row of data .
This version adds a border, a vertical separator and aligns both the head and the cell text center.
The final example uses a Google hosted font, has contrasting header and row hover color and background, a vertical separator and a box shadow.