в вашем примере примитивные действия селекта

что мешает сделать

      const newStatus = !parseInt(this.getAttribute("data-status")) ? 1 : 0;

      this.setAttribute("data-status", newStatus);  
      this.classList.add("active");
    
            for (const c of document.getElementById("sorting").children) {
              if (c.id !== this.id) {
                  if (c.classList.contains("active")) c.classList.remove("active");
              
                  c.getAttribute("data-trend") === "DESC" ? c.setAttribute("data-status", '1') 
                  : c.setAttribute("data-status",'0');
            }
        }

в стейте свелта ?

это только часть кода, у меня состояние должно не просто менятся но и при уходе от элемента обновлять свое состояние на исходное

которое задано trend="ASC/DESC/

что значит при уходе от элемента ?

"

в смысле кликнули на <th>name</th> потом на <th>comment</th>

th нейм в этот момент должен вернуть свое состояние на исходное

исходное состояние это отсутствие стрелочки ?

не только, status=0

на некоторых может быть status=1

и что делает этот status ?

записывает состояние

ASC DESC

потом берется дата атрибут и передается сторе для сортировки

const sortHeader = [
       {id: 1, status: 0, sort: "status", trend: "DESC", name: "#"},
       {id: 2, status: 0, sort: "name", trend: "ASC", name: "Name"},
       {id: 3, status: 0, sort: "comment", trend: "ASC", name: "Comment"},
       {id: 4, status: 1, sort: "sMin", trend: "DESC", name: "min"},
       {id: 5, status: 1, sort: "sMax", trend: "DESC", name: "max"},
       {id: 6, status: 1, sort: "timeStamp", trend: "DESC", name: "Date"},
   ];

т.е. есть 3 состояния столбца, отсортирован desc asc и не сортирован ?

и для этого нужно 2 переменные ?

sort by name asc/desc

именно asc и desc должен иметь исходное заданное состояние и на каждом заголовке он может быть разным