Discussion :

[Benji1986]

Salut à tous,

Voilà j'ai un petit problème que je n'arrive pas à résoudre, je bosse sur un site sur lequel il y a un tableau de reporting/prévision d'une 20aine de colonnes, ce tableau est scrollable et n'affiche qu'environ 5 colonnes à la fois.

Ces colonnes correspondent à des semaines, partant de S+10 jusqu'à S-10, ce que je voudrais, c'est qu'à l'ouverture de la page par l'utilisateur, le tableau se positionne sur la colonne correspondant à la semaine en cours (donc en plein milieu quoi), et du coup je ne vois pas du tout comment faire pour naviguer dans un élément table.

Je ne demande pas du tout cuit, une simple indication sur la fonction à utiliser m'irait bien ^^', j'ai testé position et offset en jquery mais soit je les utilise mal (ce qui est fort probable) soit ce n'est pas ce que je cherche. . . .

NB : Le TH de la colonne correspondant à la semaine en cours comporte un ID (ça peut être utile à savoir), j'utilise le plugin jQuery DataTable pour le tableau

PS : Non je ne veux pas que la première colonne de mon tableau soit la semaine en cours




Merci m'sieurs dames !

[JujuPomme]

Yop,

Ici c'est pas d'ordre de javascript/Jquery (ou tout du moins, tu as plus simple).

Le support de DataTables avec Allan Jardine est très réactif. En posant ta question directement la-bas, tu auras une réponse précise si ce n'est un bout de code qui va avec

[EddiGordo]

Bonjour,

Les tableaux créés avec datatable possèdent, dans leur structure, une div de classe "dataTables_scrollBody" qui contient la table proprement dite.
Pour réaliser ce que tu souhaites, tu peux faire scroller cette div (aux coordonnées que tu auras préalablement calculées) avec quelque chose comme :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
         $('.dataTables_scrollBody').scrollLeft(200); // Horizontalement
         $('.dataTables_scrollBody').scrollTop(200); // Verticalement

Espérant que ça t'aide un peu

[Benji1986]

Merci à vous deux mais les solutions testées ne marchent pas :

- Forum : aucune réponse
- ScrollLeft : aucun effet, alors peut être que je ne le met pas au bon endroit ? Je l'ai mis dans le document.ready() en dessous de mon instanciation de dataTable...

[EddiGordo]

- ScrollLeft : aucun effet, alors peut être que je ne le met pas au bon endroit ? Je l'ai mis dans le body.ready() en dessous de mon instanciation de dataTable...

Essaie d'exécuter les lignes d'exemple dans la console de ton navigateur, une fois ta datatable affichée.
Si ça fonctionne comme attendu cela signifie que tu as placé ces lignes un peu trop tôt dans ton code et qu'elles s'exécutent alors que la datatable n'est pas encore prête.

[Benji1986]

Oui je me suis mal exprimé, aucun effet là où je l'ai mis, dans la console ça marche nickel par contre

[Benji1986]

Bon j'ai trouvé la solution, merci de m'avoir remis dans le droit chemin !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$('#table_stat').on( 'draw.dt', function () {
    	$('.dataTables_scrollBody').scrollLeft(940);
} );