Problemas responsivos com várias tabelas de dados e guias de inicialização

Eu tenho 2 poços de bootstrap e cada poço contém um par de guias. Cada guia contém uma DataTable (existem 4 no total). Quando carrego a página, as duas primeiras DataTables funcionam perfeitamente conforme o esperado. Quando alterno as guias, as tabelas renderizadas sempre incluem 1 coluna (independentemente do tamanho da coluna) e o restante faz parte da linha filha. Eu tentei quase tudo para obter a tabela para desenhar corretamente. Se alguém tem alguma sugestão, por favor me avise. Também sou um pouco novo no código da interface do usuário da web, por isso, se houver algum erro evidente, por favor, tenha paciência.

Eu criei um exemplo que imita o que estou codificando e mostra o comportamento que estou enfrentando. Pode ser encontrado aqui:http://live.datatables.net/sozobucu/edit

questionAnswers(1)

yourAnswerToTheQuestion