Datentabelle ansprechende Breite mehr als Mutter Breite

Question

Auch ansprechende Option in jquery Datentabellen verwendet es, dass die berechnete Breite der Tabelle in niedrigeren Auflösungen geschieht, ist mehr als die Mutter div, so geschieht dies:

Die Tabelle definiert ist wie folgt aus:

<table id="datatableGroupsList" class="table table-striped table-bordered responsive no-wrap table-hover partialViewPanel" cellspacing="0" width="100%"> 

und die Datentabellen Skript wie folgt aufgerufen:

/* Datatables responsive */ 
var dataTableGroupList = function() { 
    var table = $('#datatableGroupsList').DataTable({ 
     responsive: true, 
     "columns": [null, null, null, { "orderable": false } //Desabilitar ordenação na coluna das acções 
     ], 
     language: { 
      url: window.location.origin + '/Home/GetLocalizationForDataTable' 
     }, 
     paging: true 
    }).on("init", function() { 
     var tt = new $.fn.dataTable.TableTools(table, 
      { 
       "aButtons": [ 
        { 
         "sExtends": "copy", 
         "sButtonText": "@Resources.ResourcesGeneral.Copy", 
         "mColumns": [0, 1, 2] 
        }, 
        { 
         "sExtends": "xls", 
         "mColumns": [0, 1, 2] 
        }, 
        { 
         "sExtends": "pdf", 
         "mColumns": [0, 1, 2] 
        }, 
        { 
         "sExtends": "print", 
         "sButtonText": "@Resources.ResourcesGeneral.Print", 
         "mColumns": [0, 1, 2] 
        } 
       ] 
      } 
      ); 
     $(tt.fnContainer()).insertBefore('#datatableGroupsList_wrapper div.dataTables_filter'); 
     $('.DTTT_container').addClass('btn-group'); 
     $('.DTTT_container a').addClass('btn btn-default btn-md'); 
     $('.dataTables_filter input').attr("placeholder", "@(Resources.ResourcesGeneral.Search)..."); 

    }) 
    ; 
} 
$(document).ready(function() { 
     dataTableGroupList(); 
}); 

Btw, dies q rage ist etwa die gleiche i fragen mich: jQuery DataTables: control table width auch mit der Version 1.10.2 von datatable.js ich bin

Hat jemand hatte dieses Problem und/oder die Lösung weiß? Vielen Dank.

Answer 1

Kann dieser Link Ihnen helfen. https://datatables.net/extensions/rowreorder/examples/initialisation/responsive.html

Untertabelle in jeder Zeile.