Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
$("th[data-col]").on("click", function() { const col = $(this).data("col"); const dir = $(this).data("dir") === "asc" ? "desc" : "asc"; // Reset all columns $("th[data-col]").removeData("dir").find(".sort-icon").text("⇅"); // Set this column $(this).data("dir", dir) .find(".sort-icon").text(dir === "asc" ? "↑" : "↓"); sortTable(col, dir); });
Result
Open