<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Table</title>
<link rel="stylesheet" href="style.css">
2C44+7CR, Plot 686, Jabi Airport Road Bypass, Cadastral Zone, Abuja
| S/N | FULL NAME | APPLICATION NO. | DEPARTMENT | SEX | PHONE NUMBER | STATUS |
|---|---|---|---|---|---|---|
| 1 | odey richard | 021 | science | Male | 080945623128 | ADMITTED |
| 2 | odey richard | 022 | science | Male | 080945623129 | ADMITTED |
| 3 | odey richard | 023 | science | Male | 080945623130 | ADMITTED |
| 4 | odey richard | 024 | science | Male | 080945623131 | ADMITTED |
| 5 | odey richard | 024 | science | Male | 080945623131 | ADMITTED |
| 6 | odey richard | 024 | science | Male | 080945623131 | ADMITTED |
| 7 | odey richard | 024 | science | Male | 080945623131 | ADMITTED |
| 8 | odey richard | 024 | science | Male | 080945623131 | ADMITTED |
| 9 | odey richard | 024 | science | Male | 080945623131 | ADMITTED |
| 10 | odey richard | 024 | science | Male | 080945623131 | ADMITTED |
| 11 | odey richard | 024 | science | Male | 080945623131 | ADMITTED |
| 12 | odey richard | 024 | science | Male | 080945623131 | ADMITTED |
| 13 | odey richard | 024 | science | Male | 080945623131 | ADMITTED |
| 14 | odey richard | 024 | science | Male | 080945623131 | ADMITTED |
| 15 | odey richard | 024 | science | Male | 080945623131 | ADMITTED |
| 16 | odey richard | 024 | science | Male | 080945623131 | ADMITTED |
| 17 | odey richard | 025 | science | Male | 080945623132 | ADMITTED |
| 18 | odey richard | 026 | science | Male | 080945623133 | ADMITTED |
| 19 | odey richard | 027 | science | Male | 080945623134 | ADMITTED |
| 20 | odey richard | 028 | science | Male | 080945623135 | ADMITTED |
<script>
// Make table rows clickable and toggle "selected" class.
(function(){
const table = document.getElementById('admissions');
if(!table) return;
const tbody = table.querySelector('tbody');
tbody.addEventListener('click', function(e){
// find the clicked row
const tr = e.target.closest('tr');
if(!tr) return;
// toggle selection on the clicked row; single-select behavior
const previously = tbody.querySelector('tr.selected');
if(previously && previously !== tr) previously.classList.remove('selected');
tr.classList.toggle('selected');
});
})();
</script>
<body>