barra di scorrimento orizzontale superiore databile javascript

Question

Ho un datatable nella mia pagina web. Devo visualizzare uno horizontal scroll bar in cima al tavolo. Ho provato table.wrap('<div style="width:980px; overflow-x:auto;"/>');. Visualizza la barra di scorrimento orizzontale nella parte inferiore della tabella. Come visualizzare la barra di scorrimento nella parte superiore della tabella dei dati. Qualsiasi aiuto?

Answer 1

La risposta è http://progrnotes.blogspot.com.ee/2013/07/horizontal-scrollbars-at-top-bottom-in-datatables.html: puoi farlo con il plugin jQuery-doubleScroll (https://github.com/sniku/jQuery-doubleScroll). Tuttavia, anche questo non funziona con datatable che viene caricato da Ajax. Hai bisogno di modificarlo un po '.

I passaggi da fare sono come questo:

1. Scaricare e includono doubleScroll.

2. aggiungere linee:

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

3. Aggiungere CSS

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

   che dovrebbe farlo (DataTable 1.10.7)

EDIT: se si dispone di filtri a colonna in alto, la soluzione sopra deve essere modificata, altrimenti le intestazioni non scorreranno:

2. aggiungere linee:

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

3. Aggiungere CSS

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