Ignite UI for Web Components

IgcGrid – セルのフォーマットを変更したい

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

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

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

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

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

Ignite UI for WebComponent のグリッドコンポーネント、IgcGridComponent (<igc-grid>) では、セルを選択した状態で、キーボードから Ctrl + C または ⌘ […]

Ignite UI for React や Ignite UI for WebComponents などのインフラジスティックス製品の npm パッケージをプロジェクトにインストール可能にするには、インフラジスティックス […]

igcDataChartのデータポイントがグラフの端にある場合、マーカーが見切れてしまうことがあります。その場合はcomputedPlotAreaMarginModeプロパティを「series」と設定すると、プロットエリ […]

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

IgcGridではIgcColumnComponentのsortStrategyプロパティに独自に定義した比較ロジックを設定することにより、ソートの順をカスタマイズすることができます。以下では、文字列タイプのデータを表 […]