Skip to content

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
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.