Articles Tagged: IgxGrid

この KB は 製品バージョン 8.2.13 をベースにしています。 IgxGrid では、列の cellClasses プロパティを利用することで、特定の条件においてセルをスタイリングすることができます。 セルに適用す […]

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

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

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

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

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

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

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

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