Skip to content

Instantly share code, notes, and snippets.

@Heather-R

Heather-R/HTMLtable.html

Created October 4, 2016 07:45
Show Gist options
  • Save Heather-R/3eb4a4241ed67730e109dc273513afef to your computer and use it in GitHub Desktop.
Save Heather-R/3eb4a4241ed67730e109dc273513afef to your computer and use it in GitHub Desktop.
Download ZIP
HTML for dynamic table blog. Used for demonstration purposes.
Raw
HTMLtable.html
<!DOCTYPE html>
<html>
<head>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<table>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
<th>Actions</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
<td><div class = "buttons"> <button class="editbtn">Edit</button> <button class="deletebtn">Delete</button> </div></td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
<td><div class = "buttons"> <button class="editbtn">Edit</button> <button class="deletebtn">Delete</button> </div></td>
</tr>
<tr>
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
<td><div class = "buttons"> <button class="editbtn">Edit</button> <button class="deletebtn">Delete</button> </div></td>
</tr>
<tr>
<td>Island Trading</td>
<td>Helen Bennett</td>
<td>UK</td>
<td><div class = "buttons"> <button class="editbtn">Edit</button> <button class="deletebtn">Delete</button> </div></td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Yoshi Tannamuri</td>
<td>Canada</td>
<td><div class = "buttons"> <button class="editbtn">Edit</button> <button class="deletebtn">Delete</button> </div></td>
</tr>
<tr>
<td>Magazzini Alimentari Riuniti</td>
<td>Giovanni Rovelli</td>
<td>Italy</td>
<td><div class = "buttons"> <button class="editbtn">Edit</button> <button class="deletebtn">Delete</button> </div></td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment