Hacker table on admin dashboard can now be sorted by double clicking the headers. Spent a bit trying to implement this manually before learning about the sortable class. The more you know!
This commit is contained in:
parent
edffbb72fb
commit
368f8b4de6
1 changed files with 2 additions and 2 deletions
|
@ -29,7 +29,7 @@
|
||||||
<h1 style="flex-grow:1;justify-content:center;" class="h3 mb-3 fw-normal">Registered Users</h1>
|
<h1 style="flex-grow:1;justify-content:center;" class="h3 mb-3 fw-normal">Registered Users</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<table id="hackers" class="table table-striped">
|
<table id="hackers" class="table table-striped sortable">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Options</th>
|
<th>Options</th>
|
||||||
|
@ -107,6 +107,7 @@
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
function filterHackers() {
|
function filterHackers() {
|
||||||
|
//get hacker table and searchbox info
|
||||||
const input = document.getElementById("searchbox").value.toLowerCase();
|
const input = document.getElementById("searchbox").value.toLowerCase();
|
||||||
const hackertable = document.getElementById("hackers");
|
const hackertable = document.getElementById("hackers");
|
||||||
let rows = hackertable.getElementsByTagName("tr");
|
let rows = hackertable.getElementsByTagName("tr");
|
||||||
|
@ -129,7 +130,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue