Articles Tagged: IgxGrid

Ignite UI for Angular 12.0.5 バージョン時点での情報に基づいています。 IgxGrid の横幅を、ウィンドウ幅に応じて動的に変更するサンプルです。 ウィンドウ幅が変更になったタイミングを検知し […]

IgxGridComponentのfilteredDataアクセサよりフィルター後のデータコレクションを取得することができます。 以下のサンプルでは、filteringDoneイベントで現在の表示行数をグリッドの上に表示 […]

Ignite UI for Angular 11.1.10 バージョン時点での情報に基づいています。 IgxGridの集計行の表示・非表示を動的に切り替えたい場合は、各列（IgxColumnComponent）のhasS […]

Ignite UI for Angular 11.2.12バージョン時点での情報に基づいています。 igxGrid は、列を非表示機能を提供しています。 また、非表示にした列は、ツールバーから再表示することができますが、 […]

IgxGridのIgxGridToolbarの表示・非表示を動的に切り替えるには、Angularの*ngIfなどの仕組みを使って表示を切り替えたあと、IgxGridのreflowメソッドとmarkForCheckメソッド […]

IgxGridのIgxGridToolbarの高さを狭めたい場合は、 IgxGridToolbarのdisplayDensityを”compact”などにする。 もしくは CSSでheightを直 […]

IgxGridで選択されている行のデータを取得するには、 IgxGridComponentのselectedRowsで選択行のIDの配列を取得する。 1で取得した配列の各要素に対して、IgxGridComponentのg […]

この KB は 製品バージョン 11.1.7 をベースにしています。 テーマの仕組みを利用してヘッダーテキストの色味を変更することができます。例えば次のように配色を行います。 問題 但し、このように色味を変更しても、ヘッ […]