Created
August 12, 2016 15:03
-
-
Save isaumya/864adc6f44571a948fe025dc4847c822 to your computer and use it in GitHub Desktop.
Responsive Table Structure inside HTML or WordPress
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- 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