Bonjour,
Je chercher un moyen en natif de sort une table de façon simple.
On clique sur le header op sa sort en ASC ou en DESC aussi bien si c'est un string que un nombre.
Tu entends quoi par "en natif" ?
Tu stock les elements dans un array en js, et tu tries avec sort(), ça me parait le plus natif possible.
( ça doit être possible en full css aussi mais bon, je m'y aventurerais pas perso)
Le 17 avril 2023 à 18:34:58 :
Tu entends quoi par "en natif" ?
Tu stock les elements dans un array en js, et tu tries avec sort(), ça me parait le plus natif possible.( ça doit être possible en full css aussi mais bon, je m'y aventurerais pas perso)
ca veut dire sans installer un outil.
alors oui, en js vanilla c'est ce qui me parait le plus adéquat
Le 18 avril 2023 à 07:16:51 :
alors oui, en js vanilla c'est ce qui me parait le plus adéquat
As tu des samples?
function sortTable(n) {
let table = $("#mytable").find('tbody');
let dir = table.data("sorting-dir") || {};
let cDir = !!dir["c"+n]; //double negative to convert undefined to false
let tdSelector = "td:nth-child(" + (n+1) + ")";
table.find('tr').sort(function(a, b) {
let elems = cDir ? [$(b),$(a)] : [$(a),$(b)];
return elems[0].find(tdSelector).text().trim().localeCompare(elems[1].find(tdSelector).text().trim(), 'en',{numeric: true});
}).appendTo(table);
dir["c"+n] = !cDir;
table.data("sorting-dir", dir);
}
Quelqu un serait convertir cela en Javascript vanilla ?
Le 20 avril 2023 à 11:20:48 :
function sortTable(n) { let table = $("#mytable").find('tbody'); let dir = table.data("sorting-dir") || {}; let cDir = !!dir["c"+n]; //double negative to convert undefined to false let tdSelector = "td:nth-child(" + (n+1) + ")"; table.find('tr').sort(function(a, b) { let elems = cDir ? [$(b),$(a)] : [$(a),$(b)]; return elems[0].find(tdSelector).text().trim().localeCompare(elems[1].find(tdSelector).text().trim(), 'en',{numeric: true}); }).appendTo(table); dir["c"+n] = !cDir; table.data("sorting-dir", dir); }
Quelqu un serait convertir cela en Javascript vanilla ?
Quelqu'un pour le faire svp