problema di scorrimento in jQuery DataTable

Question

Non sono sicuro se sto ripetendo la domanda se si guida al posto giusto :)

Sto usando tabella dei dati e cercando di attuare lo scorrimento orizzontale e trovato questo link

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

ho usato queste proprietà nel mio codice della tabella dati e sto riscontrando problemi nell'interfaccia utente.

I miei dati hanno ottenuto la barra di scorrimento orizzontale ma le mie colonne non si sono espanse e non funzionano come previsto. Ho ottenuto una colonna vuota aggiuntiva sotto la mia colonna normale.

Fondamentalmente la mia interfaccia utente è incasinata. ho visto una discussione discussione vecchia sulla stessa!

DataTables fixed headers misaligned with columns in wide tables

sono questi problemi risolti ora alcuna soluzione?

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

calcolata codice di esempio

$("#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

Ho avuto un problema simile, ma l'ho risolto in un modo diverso.

ho modificato il parametro sDom per avvolgere la tabella in un extra div:

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

Ho poi applicato i seguenti stili alla classe .datatable-scroll:

/** 
* 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