Comment modifier dynamiquement jQuery Datatables hauteur
Je suis en utilisant jQuery Datatables.
Je veux changer la hauteur de la table à chaque fois qu'un utilisateur redimensionne la fenêtre. Je suis capable d'attraper la fenêtre de l'événement de redimensionnement qui me permet de calculer la nouvelle hauteur. Comment puis-je attribuer la nouvelle hauteur de l'objet datatable?
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser le code suivant:
La réponse actuelle ne fonctionne pas pour moi (à l'aide de v 1.9.1). Je pense que cette solution non seulement fonctionne, mais ont un meilleur rendement (et est basée sur la suggestion de l'auteur). Cet exemple est à l'aide de smartresize pour résoudre navigateur croix de redimensionner la fenêtre de questions.
Pour DataTables 1.10:
Lorsque vous avez modifié le CSS vous devez appeler
draw()
.Utilisant les nouvelles versions de tables de données, il y a d'autres méthodes, qui, lorsqu'il est combiné avec l'utilisation judicieuse d'un timer pour regarder la redimensionner les déclencheurs d'événement, fonctionne assez bien. J'ai laissé les "anciens" de la fenêtre".emplacement.reload()" pour ceux qui sont coincés exécutant des versions antérieures de tables de données - tout simplement dé-commentez-le et commentez le tableau".draw()" appel.
Note de côté, dit la documentation de l'appel correct est "de la table.Draw()" - qui n'est pas le cas sur la version que j'utilise (appel est en minuscules).
Que c'est.
table.draw()
on a besoin de faire appeltable.scroller.measure(true)
.clearTimeout(resizeTimer)
déclaration avecif (typeof resizeTimer !== 'undefined') {
pour éviter une erreur JS.Il suffit de le mettre comme ceci:
Ce travail est pour moi
Je pense que vous pouvez changer la hauteur de la table par css
Voici une solution simple comme documenté ici
Vous pouvez utiliser le vh unité pour définir une hauteur qui varie selon la taille de la fenêtre.
Pris en charge dans: Chrome 20.0+, IE 9.0+, FireFox 19.0+, Safari 6.0+, Opera 20.0+