Instantly share code, notes, and snippets.

Embed
What would you like to do?
Responsive Table Structure inside HTML or WordPress
<!-- No need to add the part BELOW on WordPress Site -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Responsive Table</title>
</head>
<body>
<!-- No need to add the part ABOVE on WordPress Site -->
<!-- The actual HTML for Table Starts -->
<table class="responsive">
<thead>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
<th>Heading 4</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
<td>Data 4</td>
</tr>
<tr>
<td>Data 5</td>
<td>Data 6</td>
<td>Data 7</td>
<td>Data 8</td>
</tr>
<tr>
<td>Data 9</td>
<td>Data 10</td>
<td>Data 11</td>
<td>Data 12</td>
</tr>
<tr>
<td>Data 13</td>
<td>Data 14</td>
<td>Data 15</td>
<td>Data 16</td>
</tr>
</tbody>
</table>
<!-- The Actual HTML for Table Ends -->
<!-- No need to add the part BELOW on WordPress Site -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment