Skip to content

Instantly share code, notes, and snippets.

@benznest

benznest/portal.html

Created November 9, 2018 02:43
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 benznest/d7b07ec41ffef49429ec4c95112c1dcb to your computer and use it in GitHub Desktop.
Save benznest/d7b07ec41ffef49429ec4c95112c1dcb to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap 4 TABLE
Raw
portal.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Portal</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<div class="row">
<div class="col">
<h1>Portal</h1>
<div class="table-responsive">
<table class="table table-hover table-bordered">
<thead>
<tr class="bg-primary text-white">
<th>No...</th>
<th>Name</th>
<th>Status</th>
<th>Age</th>
<th>Address</th>
<th>Department</th>
</tr>
</thead>
<tbody>
<tr class="table-primary">
<td>1</td>
<td>Benz</td>
<td>Normal</td>
<td>35</td>
<td>Bangkok 10000</td>
<td>IT</td>
</tr>
<tr class="table-warning">
<td>2</td>
<td>Namnueng</td>
<td>NA</td>
<td>35</td>
<td>Bangkok 10000</td>
<td>IT</td>
</tr>
<tr class="table-info">
<td>3</td>
<td>Pare</td>
<td>NA</td>
<td>35</td>
<td>Bangkok 10000</td>
<td>IT</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment