Clarity：clr-datagridが使用可能なすべての垂直スペースを占めるようにするには、推奨される方法はありますか？

Question

テーブルに行がまだなくても、すべての垂直スペースを占有しようとしています。 clr-datagridはカスタマイズ可能ですか？フレックスボックスのプロパティを.datagrid-hostと.datagrid-overlay-wrapperに手動でオーバーライドする必要があるようですが、カラム方向に大きくする必要があります。

私もそれを試しましたが、データグリッドは垂直に成長していないようです。

Answer 1

Clarityデータグリッドは、データグリッド要素自体に必要な固定高さをサポートします。高さが表示される行の数に対して大きすぎる場合、本文は空白で拡大します。表示されている行数の高さが小さすぎる場合、ヘッダーとフッターがそのまま残り、本文がスクロールします。

あなたのケースでは、あなたのCSSのデータグリッドにheight: 100%を入れるのと同じくらい簡単です。それだけであなたがする必要があります。実施例については、https://plnkr.co/edit/eZqaic8CS6CFHVcGxAnH?p=previewを参照してください。