Заметил странную особенность, при повешенном на тег <th> on click который добавляет класс к текущему элементу ( this.classList.add ) то класс добавляется, а css свойства after повешенные на data-attribute ( data-status="1" ) не срабатывают, но как только я добавлю абсолютно любое сравнение к текущему тегу с меткой класс ( пример class={ el.id===sortActive ? 'active' : '' } ) то все начинает работать как надо
или другими словами добавить класс только по тому элементу по которому произошел клик, но если происходит клик по другому элементу, класс на прошлом должен быть удален
https://svelte.dev/repl/e4bd72b1ad5c4a4da4a76a32241ba180 как например в этом моём компоненте только убирать ничего не нужно будет просто сделай себе selectedId и ставь class:active={row.id === selectedId} on:click={() => selectedId = row.id}