Scroll Problem in JQuery Datatable

Question

Ich bin nicht sicher, ob ich die Frage bin zu wiederholen, wenn ja an die richtige Stelle führen :)

I Datentabelle bin mit und versuchen, Horizontales Scrollen zu implementieren und fand diesen Link

http://www.datatables.net/examples/basic_init/scroll_x.html

Ich habe diese Eigenschaften in meinem Datentabelle Code verwendet und habe Probleme in der Benutzeroberfläche.

Meine Daten haben die horizontale Bildlaufleiste, aber meine Spalten nicht erweitert und funktioniert nicht wie erwartet. Ich habe zusätzliche leere Spalte unterhalb meiner normalen Spalte.

Grundsätzlich ist meine Benutzeroberfläche durcheinander. Ich sah eine alte Diskussion darüber!

DataTables fixed headers misaligned with columns in wide tables

fixiert sind diese Probleme nun alle Lösungen?

================================

Hinzufügen von Beispielcode

$("#results").dataTable({ 
    "aaData": [ 
     //My data 
    ], 
    "aoColumns": [ 
     //My Columns 
    ], 
    "bPaginate": true, 
    "bSort": true, 
    "bFilter": false, 
    "bJQueryUI": false, 
    "bProcessing": true, 
    "sScrollX": "100%", 
    "sScrollXInner": "110%", 
    "bScrollCollapse": true 
}); 

Answer 1

Ich hatte ein ähnliches Problem, löste es aber auf andere Weise.

Ich veränderte die sDom Parameter die Tabelle in einem extra div zu wickeln:

sDom: 'r<"H"lf><"datatable-scroll"t><"F"ip>', 

ich dann angewendet, um die folgenden Arten an die .datatable-scroll Klasse:

/** 
* Makes the table have horizontal scroll bar if its too wide for its container 
*/ 
.datatable-scroll { 
    overflow-x: auto; 
    overflow-y: visible; 
} 

http://datatables.net/usage/options#sDom