Die Breite der Datatables wird nicht korrekt eingestellt

Question

Wenn ich versuche, die Breite der Datentabelle zu ändern, wird nur der Hauptbereich der Tabelle in der Größe angepasst, im angehängten Bild sollte das rot eingekreiste Element mit der Haupt-HTML-Tabelle ausgerichtet sein. :

die Tabelle zu zentrieren, die ich benutze: $("#myDataTable").css("width","80%"); aber wie man sehen kann es ändert die Größe nur den Abschnitt Haupttabelle, nicht die gesamte Datentabelle.

Answer 1

Datentabellen erstellt ein Wrapper Element, das immer die Klasse hat dataTables_wrapper also, wenn Sie die Tabelle ändern mögen, sollten Sie dieses Element der Größe

$(".dataTables_wrapper").css("width","80%"); 

, wenn Sie mehr als eine Tabelle haben und Sie eine bestimmte Wrapper zum Ziel , die ID dieser Wrapper

$("#idofyourtable_wrapper").css("width","80%"); 

Answer 2

beste Lösung, die ich mit so weit gekommen sind:

$('#[datatable-id]_wrapper').bind('DOMSubtreeModified', function() { 
    $(this).css('width', '150px'); 
    $(this).css('height', '250px'); 
}); 

Scheint die meisten Anwendungsfälle zu behandeln.

Answer 3

Basis der Wrapper Breite auf die Breite des Inhaltstabelle:

$('#<tableid>_wrapper').bind('DOMSubtreeModified', function() { 
    $(this).css('width', $('#<tableid>').css('width')); 
});