El problema es que datatables para calcular el scrollX necesita saber el width de la tabla para luego calcular el width que le va a setear a la div con clase "dataTables_scrollHeadInner" que crea dinamicamente, y como el "tab 2" esta con display:none, no puede calcularlo y le da un valor que no es el correcto.
Por lo tanto una solución seria reajustar el ancho de las columnas de la tabla cuando te posiciones sobre cada uno de los tabs.
Le hice unos pequeños cambios a tu codigo a modo de ejemplo:
1: Le agregue un return a la funcion que crea los datatables, para luego poder acceder a cada una de las tablas:
function iniciarDataTable(id){
var table = $('#'+id).DataTable({
//todo el codigo
});
table.buttons().container().appendTo( '#example_wrapper .col-md-6:eq(0)');
return table;
}
2: Actualizo las columnas según en la cual estoy posicionado:
$(document).ready(function(){
var tabla1 = iniciarDataTable('example1');
var tabla2 = iniciarDataTable('example2');
$('.nav-tabs a').on('shown.bs.tab', function(event){
var referencia = $(event.target).attr("href");
if(referencia == "#seccion1")
tabla1.columns.adjust();
if(referencia == "#seccion2")
tabla2.columns.adjust();
});
});
De esta manera cuando accedas a cada tab, estas ajustando las columnas de la tabla que corresponda
Aca tedejo un ejemplo con codigo minimo repitiendo tu problema:
$(document).ready(function(){
iniciarDataTable('example1');
iniciarDataTable('example2');
});
function iniciarDataTable(id){
var table = $('#'+id).DataTable({
scrollX: true
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.16/datatables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.16/datatables.min.js"></script>
<div class="container-fluid">
<br>
<div class="row">
<div class="col-xs-12">
<div role="tabpanel">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#seccion1" aria-controls="" data-toggle="tab" role="tab">Sección #1</a>
</li>
<li role="presentation">
<a href="#seccion2" aria-controls="" data-toggle="tab" role="tab">Sección #2</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" role="tabpanel" id="seccion1">
<br><br>
<table id="example1" class="table table-striped" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane" role="tabpanel" id="seccion2">
<br><br>
<table id="example2" class="table table-striped" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Tiger Nixon2</td>
<td>System Architect2</td>
<td>Edinburg2h</td>
<td>61</td>
<td>2011/04/25</td>
<td>$3202,800</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
Acá te dejo un ejemplo con la solución que te propongo:
$(document).ready(function(){
var tabla1 = iniciarDataTable('example1');
var tabla2 = iniciarDataTable('example2');
$('.nav-tabs a').on('shown.bs.tab', function(event){
var referencia = $(event.target).attr("href");
if(referencia == "#seccion1")
tabla1.columns.adjust();
if(referencia == "#seccion2")
tabla2.columns.adjust();
});
});
function iniciarDataTable(id){
var table = $('#'+id).DataTable({
scrollX: true
});
return table;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.16/datatables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.16/datatables.min.js"></script>
<div class="container-fluid">
<br>
<div class="row">
<div class="col-xs-12">
<div role="tabpanel">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#seccion1" aria-controls="" data-toggle="tab" role="tab">Sección #1</a>
</li>
<li role="presentation">
<a href="#seccion2" aria-controls="" data-toggle="tab" role="tab">Sección #2</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" role="tabpanel" id="seccion1">
<br><br>
<table id="example1" class="table table-striped" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane" role="tabpanel" id="seccion2">
<br><br>
<table id="example2" class="table table-striped" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Tiger Nixon2</td>
<td>System Architect2</td>
<td>Edinburg2h</td>
<td>61</td>
<td>2011/04/25</td>
<td>$3202,800</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
Saludos!