Clarté: Existe-t-il une méthode recommandée pour que clr-datagrid occupe tout l'espace vertical disponible?

Question

J'essaie de faire mon take-up tout l'espace vertical même s'il n'y a pas encore de lignes dans la table. Clr-datagrid est-il personnalisable pour le faire? Il semble que je dois remplacer manuellement les propriétés flexbox de .datagrid-host et .datagrid-overlay-wrapper afin de le faire croître dans le sens de la colonne.

J'ai essayé même cela mais la grille de données ne semble pas croître verticalement.

Answer 1

La grille de données Clarity prend en charge toute hauteur fixe souhaitée sur l'élément de grille de données lui-même. Si la hauteur est trop grande pour le nombre de lignes affichées, le corps s'étendra avec un espace vide. Si la hauteur est trop petite pour le nombre de lignes affichées, le corps défilera pendant que l'en-tête et le pied de page restent en place.

Donc, dans votre cas, c'est aussi simple que de mettre height: 100% pour le DataGrid dans votre CSS. C'est tout ce que vous devez faire. Voir https://plnkr.co/edit/eZqaic8CS6CFHVcGxAnH?p=preview pour un exemple de travail.