Skip to content

Instantly share code, notes, and snippets.

@slzno

slzno/index.html

Created July 6, 2019 23:36
Show Gist options
  • Save slzno/33595999adab636ac113a15228e486b2 to your computer and use it in GitHub Desktop.
Save slzno/33595999adab636ac113a15228e486b2 to your computer and use it in GitHub Desktop.
Download ZIP
XLPvQw
Raw
index.html
<div class="table-responsive">
<table class="table table-hover" id="job-table">
<thead>
<tr class="text-center">
<th scope="col">Sr.No.</th>
<th scope="col">Company Name</th>
<th scope="col">Technology</th>
<th scope="col">Total Resumes</th>
<th scope="col">Job Title</th>
<th scope="col">Total Score</th>
<th scope="col">Average Score</th>
</tr>
</thead>
<tbody class="text-center tableBody">
<tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr>
<tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr>
<tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr>
<tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr>
<tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr>
<tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr>
<tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr>
<tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr><tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr>
</tbody>
</table>
</div>
Raw
style.css
.table-responsive{
height:400px;
}
thead tr:nth-child(1) th{
background: white;
position: sticky;
top: 0;
z-index: 10;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment