Tables

A basic HTML table consists of the <table> element and one or more <tr>, <th>, and <td> elements. The <tr> element defines a table row, the <th> element defines a table header, and the <td> element defines a table cell.

Add a simple table by adding the base class v-table to the <table> tag.

Make the table full width by adding the class v-table-full-width to the <table> tag. You can also add a full border by adding the class v-table-bordered.

For larger tables you can make them responsive so they can be scrolled horizontally. Simply wrap the table in a div with the class v-table-responsive.