Vamos por partes, esse código
table, thead, tbody, th, td, tr {
display: block;
}
está colocando diplay block em todos esses elementos:
table
thead
tbody
th
td
tr
Usando o padrão do w3 para ter o efeito "original" da tabela você teria que fazer algo assim:
table.tabela-isolada { display: table !important; }
table.tabela-isolada tr { display: table-row !important; }
table.tabela-isolada thead { display: table-header-group !important; }
table.tabela-isolada tbody { display: table-row-group !important; }
table.tabela-isolada tfoot { display: table-footer-group !important; }
table.tabela-isolada col { display: table-column !important; }
table.tabela-isolada colgroup { display: table-column-group !important; }
table.tabela-isolada td,
table.tabela-isolada th { display: table-cell !important; }
table.tabela-isolada caption { display: table-caption !important; }
E para não ter problemas de sobrescrita de propriedade insira esse CSS posterior ao que coloca o display: block
.