Faites défiler le problème dans Jquery DataTable

Je ne suis pas sûr si je suis en répétant la question de savoir si oui guide à la bonne place 🙂

Je suis en utilisant les Données de la table et d'essayer de mettre en œuvre le Défilement Horizontal et trouvé ce lien

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

j'ai utilisé ces propriétés dans mon Tableau de Données de code et je rencontre des problèmes dans l'INTERFACE utilisateur.

Mes données a la barre de défilement horizontale, mais mes colonnes ne développent pas et ne fonctionne pas comme prévu.j'ai obtenu plus vide de la colonne en dessous de ma colonne normal.

Fondamentalement, mon INTERFACE est foiré. j'ai vu un vieux fil de discussion sur le même!

DataTables fixe les en-têtes alignées avec des colonnes dans les tables large

Sont ces problèmes résolus maintenant toutes les solutions ?

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

L'ajout d'un exemple de code

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

source d'informationauteur user2067567 | 2013-04-18

  1. 22

    J'ai eu un problème similaire, mais la résoudre d'une manière différente.

    J'ai modifié le sDom paramètre pour envelopper la table dans un supplément de div:

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

    J'ai ensuite appliqué les styles suivants pour la .datatable-scroll classe:

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