Ignite UI for Angular

IgxGrid – 数値型の列ヘッダーの表示を他のデータ型列と統一する

IgxGrid では dataType=”number” の列ヘッダー ( .igx-grid-th–number ) に対し、他のデータ型とは異なるスタイルが適用されるため、デフォル […]

概要 Ignite UI for Angular の IgxGrid では、Excel Style Filter メニューの表示内容をテンプレート機能で細かくカスタマイズできます。 Excel Style Filter […]

IgxInput は disabled プロパティを true に設定することにより非活性化できます。しかしながら、この場合は css の pointer-events: none 設定が加わるため、要素へのあらゆるマウ […]

IgxGrid ではバージョン 21 にて PDF へのエクスポート機能が導入されました。以下のように IgxGridToolbarExporterComponent より機能を有効に設定すると、IgxGrid のツール […]

IgxGrid のフィルター機能はバインドされたデータの値を使用して実行されます。そのため、例えば Date 型のデータがバインドされた列で表示を時間のみに制限した場合、フィルター時に入力値が正しいにも関わらず、年月部分 […]

IgxMask を適用すると、ユーザー入力を制御して表示される値の書式を設定出来ますが、placeholder プロパティを設定していないとマスク文字が自動的に設定されます。この記事では IgxMask を適用した場合 […]

IgxHierarchicalGrid では親行が展開されたタイミングで子階層のグリッドが生成されます。IgxHierarchicalGridComponent の gridAPI.getChildGrids() メソッ […]

IgxCircularBar の直径は css のカスタムプロパティ –diameter より、また線の太さは –stroke-thickness より変更することができます。以下は円の直径を […]

IgxGrid には同じ値を持つ縦方向に隣接するセルを結合して表示する機能が実装されています。既定では一致するデータを持つセルが自動的に結合されますが、カスタムの条件を設定して結合するように構成することも可能です。ここ […]

IgxDataChart ではシリーズの brush プロパティより色を指定することができますが、単色のみでなく、css の linear-gradient() 関数を使用してグラデーションカラーを設定することも可能です […]