Ignite UI for Angular

IgxGrid セルによって編集可／不可を制御したい

この KB は製品バージョン 8.2.7 をベースにしています。特定のセルのみ編集不可にしたい場合は、 igx-columnの設定としてはeditableをtrueにしておき、 IgxGridComponentのon […]

Ignite UI for Angular 8.2.6 バージョン時点での情報に基づいています。 IgxGrid の列は、パーセントもしくはピクセルによる幅の指定ができます。ただし、これら二つの単位を混在することはできま […]

Ignite UI for Angular が、現在メンテナンス＆サポートを提供しているバージョンを確認する方法を説明します。バージョンの表記方法の理解や、提供されているバージョンの一覧表示なども説明します。なお、メン […]

IgxGrid の navigateTo メソッドを利用することで、スクロール位置を変更することができます。 navigateTo メソッドは、グリッドの行インデックスで表示したい行を指定します。実装例

IgxInputGroup コントロールを利用する方法を紹介します。１．IgxInputGroupModule のインポート IgxInputGroup コントロールを利用するには、アプリケーションモジュールで Ig […]

IgxGrid のセル編集テンプレートには、デフォルトの状態ではフォーカスは当たりません。セル編集の開始と共に編集テンプレートにフォーカスを当てるためには、セル編集テンプレート内のフォーカスを当てたいコントロールに、Ig […]

注意この機能は現在ベータ版です。今後変更になる可能性があるため予めご了承ください。これまでは、IgxGrid で [rowSelectable]=”true” にセットしただけでは、複数行を選 […]

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

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

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