Skip to content

Instantly share code, notes, and snippets.

@isaumya

isaumya/responsive-table.html

Created August 12, 2016 15:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save isaumya/864adc6f44571a948fe025dc4847c822 to your computer and use it in GitHub Desktop.
Save isaumya/864adc6f44571a948fe025dc4847c822 to your computer and use it in GitHub Desktop.
Download ZIP
Responsive Table Structure inside HTML or WordPress
Raw
responsive-table.html
<!-- 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