top horizontale scrollbar datatable javascript

Question

Ich habe eine datatable in meiner Webseite. Ich muss eine horizontal scroll bar oben auf der Tabelle anzeigen. Ich habe versucht table.wrap('<div style="width:980px; overflow-x:auto;"/>');. Es wird eine horizontale Bildlaufleiste am unteren Rand der Tabelle angezeigt. Wie wird die Bildlaufleiste über der Datentabelle angezeigt? Irgendeine Hilfe?

Answer 1

Sie finden die Antwort unter http://progrnotes.blogspot.com.ee/2013/07/horizontal-scrollbars-at-top-bottom-in-datatables.html: Sie können es mit dem jQuery-doubleScroll-Plugin (https://github.com/sniku/jQuery-doubleScroll) tun. Dies funktioniert jedoch auch nicht mit einer Datentabelle, die von ajax geladen wird. Sie müssen es ein wenig zwicken.

Schritte sind wie dies zu tun:

1. Herunterladen und doubleScroll umfassen.

2. hinzufügen Linien:

   $('body').find('.dataTables_scrollBody').wrap('<div id="scroll_div"></div>'); 
   $('#scroll_div').doubleScroll(); 
   

3. hinzufügen CSS

   .dataTables_scrollBody { 
       overflow-y: visible !important; 
       overflow-x: initial !important; 
   } 
   

   , dass es (Tables 1.10.7)

EDIT tun sollten: Wenn Sie Spalte-Filter auf Oben muss die obige Lösung geändert werden, sonst scrollt der Header nicht:

2. hinzufügen Linien:

   $('body').find('.dataTables_scroll').wrap('<div id="scroll_div"></div>'); 
   $('#scroll_div').doubleScroll(); 
   

3. hinzufügen CSS

   .dataTables_scrollBody { 
       overflow-y: visible !important; 
       overflow-x: initial !important; 
   } 
   .dataTables_scrollHead { 
       overflow: visible !important; 
   }