Problema con tablas de datos receptivas y pestañas Bootstrap

Quiero usar Datatables y la extensión Responsive dentro de Bootstrap Tabs. Tengo esto trabajando por separado.

$(document).ready(function() {
    $('#example').DataTable( {
        responsive: true
    } );
    $('#exampleInTab').DataTable( {
        responsive: true
    } );
} );

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    $($.fn.dataTable.tables(true)).DataTable()
        .columns.adjust()
        .responsive.recalc();
});

Puedes ver el problemaaquí

Respuestas a la pregunta(2)

Su respuesta a la pregunta