Automatische Größenanpassung der Spaltenbreite Datentabelle

Question

Die Spalte für die Datentabelle kann nicht automatisch skaliert werden. Hier ist mein Code

 var oTable =$('#test').dataTable({ 
       "bJQueryUI": true, 
       "aaData": aDataSet, 
       "sPaginationType": "full_numbers", 
       "oTableTools": { 
       "aButtons": [ {"sExtends": "csv" , "sButtonText": "Save as CSV"}], 
       "sSwfPath": "js/jquery/copy_csv_xls.swf" 
       }, 
       "bAutoWidth" : true, 
       "sDom": '<"H"lCf>t"H"<"F"iTp>', 
       "aoColumnDefs": [ 
       { "bVisible": true, "aTargets": [ 11 ] } 
       ], 
       "aoColumns": [ 
        { "sTitle": "column1" }, 
        { "sTitle": "column1" }, 
        { "sTitle": "column1" }, 
        { "sTitle": "column1"}, 
        { "sTitle": "column1"}, 
        { "sTitle": "column1" }, 
        { "sTitle": "column1" }, 
        { "sTitle": "column1" }, 
        { "sTitle": "column1"}, 
        { "sTitle": "column1 By"}, 
        { "sTitle": "column1 Date"} 
       ] 
      }); 
      oTable.fnAdjustColumnSizing(); 
     }); 

ich alle Spalten auf Auto wollen resize atleast basierend auf thier Header-Wert

Answer 1

Sie tun es, wie wenn es ein "normales" <table>:

th, td { 
    white-space: nowrap; 
} 

siehe fidle ->http://jsfiddle.net/YrWG5/ mit einigen extrem langen Header/Inhalt.

Answer 2

Diesen Code nach Datentabelle Initialisierung:

oTable.find('thead th').css('width', 'auto'); 

Answer 3

Sie auch Fluid column width Funktion Datatable des verwenden können. Dies wird Auto-Resize helfen und eine Schriftrolle sowohl auf der X und Y Achse hinzufügen sollten Sie mehr Spalten haben

$(document).ready(function() { 
    var table = $('#example').DataTable({ 
     scrollY:  "300px", 
     scrollX:  true, 
     scrollCollapse: true, 
     paging:   false, 
     columnDefs: [ 
      { width: '20%', targets: 0 } 
     ], 
     fixedColumns: true 
    }); 
}); 

von HERE

Gotten anzuzeigen