MontoyaTech/ignite-html-bootstrap
MontoyaTech/ignite-html-bootstrap
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Sortable columns now show an up/down arrow if no sort is applied and now use the sort icons if sorting is applied.

Browse Source
This commit is contained in:
MattMo 2023-07-14 14:10:02 -07:00
parent ceb59525d5
commit 5f8ca696c1
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
data-table.js
View File

@ -351,7 +351,7 @@ class DataTable extends IgniteElement {
column.table = this; column.table = this;
return new th().class("text-nowrap").class(column.sortable, sortable => sortable ? "cursor-pointer" : null).attribute("scope", "col").child( return new th().class("text-nowrap").class(column.sortable, sortable => sortable ? "cursor-pointer" : null).attribute("scope", "col").child(
new i().show([column.sortable, column.sort], (sortable, sort) => sortable && sort).class("me-2").class(column.sort, sort => sort ? (sort == "asc" ? "fa-solid fa-angle-up" : "fa-solid fa-angle-down") : null), new i().show([column.sortable, column.sort], (sortable, sort) => sortable || sort).class("me-2").class(column.sort, sort => sort ? (sort == "asc" ? "fa-solid fa-sort-up" : "fa-solid fa-sort-down") : "fa-solid fa-sort"),
column.name column.name
).onClick(() => { ).onClick(() => {
if (column.sortable) { if (column.sortable) {