Tracking Sort Order with .data()

Sort Order Tracking

Store sort direction per column using .data() to toggle between ascending and descending on repeated clicks.

Example

$("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);
});

JAVASCRIPT

Full Editor

Pro Tip

Reset other column sort indicators when a new column is clicked.

Related Resources

jQuery Reference

Complete tag & property list

jQuery How-To Guides

Step-by-step practical guides

jQuery Exercises

Practice what you've learned