ag-grid ne fonctionne pas quand j'inclus <! DOCTYPE html>

Je suis nouveau sur ag-grid. J'ai commencé avec un exemple basique, mais cela ne fonctionnait pas correctement. J'ai copié le code à partir de la documentation de l'ag-grid telle qu'elle est, puis cela a fonctionné. Je voulais savoir l'erreur que j'ai faite dans mon code. La comparaison ligne par ligne a aidé à trouver le problème. La dernière ligne que j'ai retirée était <!DOCTYPE html> de mon code, puis elle a commencé à fonctionner.ag-grid ne fonctionne pas quand j'inclus <! DOCTYPE html>

Quel est le problème causé par l'ajout de <!DOCTYPE html>?

Source

2017-09-09 Rajan

Cela est dû au fait que lorsque vous utilisez DOCTYPE en mode standard, au lieu du mode quirks.

Vous pouvez trouver une bonne explication de cette ici: Why does my div height 100% work only when DOCTYPE is removed?

Essentiellement si vous voulez utiliser DOCTYPE (et vous devriez), vous devez fournir une hauteur tout le long de l'élément ag-Grid.

En pratique, cela signifie l'application d'une hauteur au html et le corps:

<style> html, body { width: 100%; height: 100%; } </style>

Après cela, si vous utilisez un% dans la définition de la grille avec DOCTYPE il rendra comme prévu.

Source

2017-09-09 13:50:55

ag-grid ne fonctionne pas quand j'inclus <! DOCTYPE html>

Répondre

Questions connexes