Articles Tagged: IgxGrid

IgxGrid それ自体には、CSVファイルを読み込む機能はありませんが、FileReader を組み合わせることで、CSVファイル読み込み機能を実現することができます。大まかな処理の流れとしては、以下のようになります。 […]

IgxGrid のドラッグアンドドロップ機能を用いて、行の位置を移動することができます。 rowDraggable オプションを有効化することで、行のドラッグができるようになります。igxDrop ディレクティブを有効化 […]

IgxGrid の disablePinning オプションに true を設定することで、マウス操作による列固定を禁止することができます。 実行結果

1. リソース文字列用の igniteui-angular-i18n パッケージをインストールします。 2. Angular 自体で ja-JP ロケールを使用するように登録し、igniteui-angular の方では […]

IgxGrid の IgxColumn で公開されている headerClasses を利用することで、列ヘッダーにスタイルを適用することができます。

IgxGrid の IgxColumnGroup で公開されている headerGroupClasses を利用することで、複数列ヘッダーにスタイルを適用することができます。

IgxGrid の複数列ヘッダーは、 IgxColumnGroup を定義し、その配下に IgxColumn を定義することで表示することができます。

IgxGrid では、ビルトインの機能として、タブ(Tab)によるエクセルライクなセル移動を行うことができます。 Tab 押下・・・右隣のセルに移動。一番右の列まで進むと、次の行の一番左の列に移動します。Shift + […]

Ignite UI for Angular 9.1.7 バージョン時点での情報に基づいています。 IgxGrid の列にある editable オプションを有効化することで、セルの編集を行うことができます。 サンプル