Com este css você terá uma tabela amigável para mobile.
deve seguir a estrutura padrão para o devido funcionamento
table.responsive-card > thead[.nohead] > tbody
A Classe .responsive-card é obrigatória para o funcionamento A Classe .nohead é opcional no thead para exibir ou não antes dos elementos, útil quando utilizado com algum plugin de ordenação como o DataTables
Utilizado como base: https://allthingssmitty.com/2016/10/03/responsive-table-layout/