Primeiramente você precisa declarar um método para remover o elemento pelo ID dele:
Element.prototype.remove = function() {
this.parentElement.removeChild(this);
}
NodeList.prototype.remove = HTMLCollection.prototype.remove = function() {
for(var i = this.length - 1; i >= 0; i--) {
if(this[i] && this[i].parentElement) {
this[i].parentElement.removeChild(this[i]);
}
}
}
E então, assumindo que sua tabela tem o ID minha-tabela
, você a pode remover com:
document.getElementById("minha-tabela").remove();
Ou então, selecionar ela por alguma classe:
document.getElementsByClassName("table-sm").remove();
Por alternativa a todos estes acima, você também pode zerar o HTML do elemento:
document.getElementById("minha-tabela").outerHTML = "";
Fonte desta pergunta.