Datatables Width Overflow para muchas columnas

Question

Woah, tengo este grave problema con el plugin jquery datatables. Tengo una tabla con muchas columnas (más de 35 columnas) y esta tabla rebosa mi contenido div.

He intentado de muchas maneras (incluida la solución con los mismos problemas en el desbordamiento de la pila) pero todavía no podía resolver este problema. Entonces, realmente necesito tu ayuda aquí, por favor. :)

, gracias, gracias tanto

Se puede ver la pantalla aquí.

Este es el código Javascript

var list_table = $("#list_table").dataTable({ 
      "sScrollX": "100%", 
      "sScrollXInner": "110%", 
      "bScrollCollapse": true 
     }); 

Aquí está la tabla html

<table class="display" id="list_table"> 
<thead> 
    <tr> 
     <th rowspan="2">Account Code</th>    
     <th rowspan="2">Account Name</th> 
     <th colspan="3">January</th><th colspan="3">February</th><th colspan="3">March</th><th colspan="3">April</th><th colspan="3">May</th><th colspan="3">June</th><th colspan="3">July</th><th colspan="3">August</th><th colspan="3">September</th><th colspan="3">October</th><th colspan="3">November</th><th colspan="3">December    
     </th><th colspan="3">January s/d December 
      <!--   <th rowspan="2" class="link"></th>--> 
     </th></tr> 
    <tr> 
     <th>Budget</th> 
     <th>Actual</th> 
     <th>Variance</th>   
     <th>Budget</th> 
     <th>Actual</th> 
     <th>Variance</th>   
     <th>Budget</th> 
     <th>Actual</th> 
     <th>Variance</th>   
     <th>Budget</th> 
     <th>Actual</th> 
     <th>Variance</th>   
     <th>Budget</th> 
     <th>Actual</th> 
     <th>Variance</th>   
     <th>Budget</th> 
     <th>Actual</th> 
     <th>Variance</th>   
     <th>Budget</th> 
     <th>Actual</th> 
     <th>Variance</th>   
     <th>Budget</th> 
     <th>Actual</th> 
     <th>Variance</th>   
     <th>Budget</th> 
     <th>Actual</th> 
     <th>Variance</th>   
     <th>Budget</th> 
     <th>Actual</th> 
     <th>Variance</th>   
     <th>Budget</th> 
     <th>Actual</th> 
     <th>Variance</th>   
     <th>Budget</th> 
     <th>Actual</th> 
     <th>Variance</th>   


     <th>Budget</th> 
     <th>Actual</th> 
     <th>Variance</th> 


    </tr>   
</thead> 
<tbody> 
    <tr> 
     <td>5201010013</td> 
     <td><span class="coa-text">INSENTIVE/SHIFT ALLOWANCE</span><br> <span style="background: #778A52" class="attr-text">Divisi Anggaran dan Pajak</span> <span class="loc-text">InChina</span> <span class="asset-text">FA-GENSET</span> <span class="tenant-text">PT. Angin Rupiah</span> </td> 
     <td class="align-right">2,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">2,500,000.00</td>        
     <td class="align-right">2,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">2,500,000.00</td>        
     <td class="align-right">2,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">2,500,000.00</td>        
     <td class="align-right">2,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">2,500,000.00</td>        
     <td class="align-right">2,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">2,500,000.00</td>        
     <td class="align-right">2,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">2,500,000.00</td>        
     <td class="align-right">2,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">2,500,000.00</td>        
     <td class="align-right">2,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">2,500,000.00</td>        
     <td class="align-right">2,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">2,500,000.00</td>        
     <td class="align-right">2,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">2,500,000.00</td>        
     <td class="align-right">2,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">2,500,000.00</td>        
     <td class="align-right">2,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">2,500,000.00</td>        

     <td class="align-right">30,000,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">30,000,000.00</td>  

    </tr> 
    <tr> 
     <td>5203010001</td> 
     <td><span class="coa-text">MAKAN BERSAMA TAMU DAN REKANAN</span><br> <span style="background: #778A52" class="attr-text">Divisi Anggaran dan Pajak</span> <span class="loc-text">Satu Dua</span> </td> 
     <td class="align-right">1,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">1,500,000.00</td>        
     <td class="align-right">1,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">1,500,000.00</td>        
     <td class="align-right">1,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">1,500,000.00</td>        
     <td class="align-right">1,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">1,500,000.00</td>        
     <td class="align-right">1,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">1,500,000.00</td>        
     <td class="align-right">1,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">1,500,000.00</td>        
     <td class="align-right">1,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">1,500,000.00</td>        
     <td class="align-right">1,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">1,500,000.00</td>        
     <td class="align-right">1,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">1,500,000.00</td>        
     <td class="align-right">1,500,000.00</td> 
     <td class="align-right">7,000,000.00</td> 
     <td class="align-right">-5,500,000.00</td>        
     <td class="align-right">1,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">1,500,000.00</td>        
     <td class="align-right">1,500,000.00</td> 
     <td class="align-right">0.00</td> 
     <td class="align-right">1,500,000.00</td>        

     <td class="align-right">18,000,000.00</td> 
     <td class="align-right">7,000,000.00</td> 
     <td class="align-right">11,000,000.00</td>  

    </tr> 
</tbody>   

Answer 1

me gustaría sugerir la eliminación de la sScrollXInner primer lugar (que no debería realmente se necesita ... :-)). Luego, observe el ancho del elemento contenedor. Debería terminar pareciéndose a este ejemplo: http://datatables.net/release-datatables/examples/basic_init/scroll_x.html