Estoy usando tablas de datos de vainilla ( https://github.com/fiduswriter/Simple-DataTables ) y tengo un problema al ordenar las filas. Cuando hago clic en el encabezado del pedido, se eliminan todas mis clases personalizadas en td/tr.

Inicié la tabla usando este código.

 datatable = new DataTable("#orders-table",{ perPage:1000, perPageSelect:[5,25,100,1000], });

Después de hacer clic en un botón, manipulo todos los td "vacíos" y agrego una clase en ellos

 let noOrder = document.getElementsByTagName('td'); for(let i=0;i<noOrder.length;i++){ //if value = -1 then add the class if(noOrder[i].innerHTML == '-1'){ noOrder[i].classList.add('no-order'); } }

Todo funciona bien hasta aquí.

Después de hacer clic en cualquier encabezado de clasificación, la clase sin orden se elimina automáticamente por algún motivo.

No estoy seguro de lo que estoy haciendo mal. ¿Hay alguna manera de "guardar" el estado de la tabla de datos después de agregar la clase para que la orden funcione sin eliminar mis clases?