Ignite UI for Angular

IgxGrid – 並べ替えのカスタマイズ～ ISortingStrategy の応用例～

IgxGrid は ISortingStrategy を実装することでソート方法をカスタマイズすることができます。この方法を応用して、欠損値として “-” や “*” や […]

IgxGrid で IgxColumn の dataType を boolean にすると、が表示されます。ただ、どちらも印がつくので見分けがつきにくい、特に false のときは何も表示しないようにしたい、といったお […]

IgxInputの高さはcss設定よって変更することができます。このようにid指定を行ったinput-groupに対し、以下のようなcss設定でIgxInputの高さを変更できます。(セレクターからidを除けばすべての […]

インフラジスティックス Ignite UI 製品の利用にあたり、ライセンス版の npm パッケージを使用するには、こちらのナレッジベース記事に従って、ご自身のアクセストークンを取得の上、「npm config set」コ […]

現象 ig new コマンド実行時 Angular アプリケーション向けの UI コンポーネントライブラリ Ignite UI for Angular を使用した Angular プロジェクトを新規作成する場合、予め「n […]

Excel のグラフの色を変更する場合は、Workbook から順に Excel の階層構造をたどって該当するグラフの WorksheetChart を取得し、WorksheetChart オブジェクトの SeriesC […]

IgxGrid のヘッダー文字列のセンタリングはhttps://kb.jp.infragistics.com/?p=11445でできます。しかしながら、フィルター機能やソート機能を有効化してそれらのアイコンの領域が確保 […]

IgxGrid のヘッダー文字列をセンタリングするには、センタリングするCSSクラスを作成し、それを igx-column の headerClasses に指定してください。　実行結果「ID」列と「姓」列のヘッダ […]

インフラジスティックス Ignite UI 製品の利用にあたり、ライセンス版の npm パッケージを使用するには、npm config set コマンドを実行して、事前にプライベート npm フィードを開発環境に設定して […]

IgxCalenderのカレンダーを日本語表記にするには、Angularで日本語のロケールの登録を行った上でコンポーネントのlocaleプロパティに’ja-JP’を設定します。