Tables
You can create a simple table using <table> tag.
table
<table>
<!-- [ Table Headings ] -->
<thead>
<tr>
<th>Heading#1</th>
<th>Heading#2</th>
<th>Heading#3</th>
<th>Heading#4</th>
<th>Heading#5</th>
<th>Heading#6</th>
<th>Heading#7</th>
<th>Heading#8</th>
</tr>
</thead>
<tbody>
<!-- [ Table rows: row#1 ] -->
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<!-- [ Table rows: row#2 ] -->
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<!-- [ Add more Table rows ] -->
</tbody>
</table>Responsive table
You can create a responsive table by wrapping <table> tag within a div with class responsive-table.
responsive table
<div class='responsive-table'>
<table>
<!-- [ Table Headings ] -->
<thead>
<tr>
<th>Heading#1</th>
<th>Heading#2</th>
<th>Heading#3</th>
<th>Heading#4</th>
<th>Heading#5</th>
<th>Heading#6</th>
<th>Heading#7</th>
<th>Heading#8</th>
</tr>
</thead>
<tbody>
<!-- [ Table rows: row#1 ] -->
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<!-- [ Table rows: row#2 ] -->
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<!-- [ Add more Table rows ] -->
</tbody>
</table>
</div>