Skip to content

Instantly share code, notes, and snippets.

@SakshiShreya

SakshiShreya/Responsive HTML Tables index.html

Created August 15, 2019 19:34
Show Gist options
  • Save SakshiShreya/a4a95fd95424587cbf6c10afe02dc564 to your computer and use it in GitHub Desktop.
Save SakshiShreya/a4a95fd95424587cbf6c10afe02dc564 to your computer and use it in GitHub Desktop.
Download ZIP
Responsive HTML Tables (Medium)
Raw
Responsive HTML Tables index.html
<!DOCTYPE html>
<html>
<head>
<title>Responsive Tables</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<header>
<h1>Responsive Table</h1>
<h3>Try changing the size of viewport</h3>
</header>
<table>
<tr>
<th>Person Name</th>
<th>Company Name</th>
<th>Salary</th>
<th class="contact">Contact</th>
</tr>
<!-- Copy paste any randomly generated table here -->
<!-- You can use generatedata.com -->
<!-- Don't forget to add a "contact" class to every 4th <td> -->
<!-- To see how, watch the youtube video -->
</table>
<script type="text/javascript" src="main.js"><script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment