Articles Tagged: IgcGrid

Ignite UI for Web Components にはバージョン 7.1.0 現在、以下の言語のリソース文字列が同梱されています。 ブルガリア語、チェコ語、デンマーク語、オランダ語、英語、フランス語、ドイツ語、ハ […]

ASP.NET Core MVC アプリケーションに、Web Components のグリッドコンポーネントであるIgcGridComponent を組み込む手順をご紹介します。 前提条件この手順ではライセンス版の Ig […]

IgcGrid で列の cellStyles 機能を使用してヒートマップを表現します。 <igc-grid>を作成し、id を付与して列を定義します。 IgcGridComponent に columnInit イ […]

IgcGrid の日付タイプのセルで表示されるポップアップカレンダー (日付ピッカー) はデフォルトで英語表記となっています。 カレンダーを日本語で表示するには、日本語情報を持つ “ja” ロケー […]

Ignite UI for Web Components が提供するグリッドコンポーネント IgcGrid では、セルの内容をカスタマイズするためにbodyTemplateを利用できます。これにより、セル内にハイパーリン […]

IgcGrid においてデータのフォーマットをカスタマイズする方法についてご紹介します。本記事では、formatterを使用して、数値データに単位を付加する方法を解説します。 IgcGrid の設定 IgcGrid のf […]

IgcGrid でセルの値に応じて行全体の色を変更する方法を紹介します。　本記事では、在庫数に応じて行の色を変える実装を行います。 方法 セルの値に応じて行全体の色を変更するには、rowClassesを活用して CSS […]

IgcGrid を使用してグリッドを作成する際、セル内のテキストを右寄せにする方法を紹介します。(下図は dataType=”String” を指定したときの様子)。 方法 セルのテキストを右寄せ […]

IgcGrid 本体の日本語化 IgcGrid には備え付けのフィルター機能がありますが、そのフィルター機能の表示は、デフォルトでは英語表記となっています (下図は IgcGrid の filter-mode パラメータ […]

IgcGrid で行選択機能を使用する際、デフォルトでは行またはセルをクリックすると行選択状態となります。本記事では行をクリックしても行選択状態とならず、チェックボックスの使用のみ行選択する方法について解説します。 se […]