Ignite UI for Angular 9.1.2 バージョン時点での情報に基づいています。 Ignite UI for Angular 9.1では、IgxGridComponentにpinning入力プロパティが追 […]
Articles Tagged: IgxGrid
IgxGrid コードで行の固定/固定解除をする。
Ignite UI for Angular 9.1.2 バージョン時点での情報に基づいています。 Ignite UI for Angular 9.1では、IgxGridComponentに、行を固定するpinRowメソッ […]
IgxGrid 行固定の位置を指定する。
Ignite UI for Angular 9.1.2 バージョン時点での情報に基づいています。 Ignite UI for Angular 9.1では、IgxGridComponentにpinning入力プロパティが追 […]
Sketch ファイルで Grid コンポーネントを作成し、コード生成する際の基本設定
Sketch ファイルで Indigo-Components の Grid コンポーネントを配置して、最終的にコード生成まで行う場合、いくつか必要な操作があります。この記事では簡単な Grid コンポーネントを Sket […]
IgxGrid 条件に応じてセルにスタイルを適用する
この KB は 製品バージョン 8.2.13 をベースにしています。 IgxGrid では、列の cellClasses プロパティを利用することで、特定の条件においてセルをスタイリングすることができます。 セルに適用す […]
IgxGrid セルによって編集可/不可を制御したい
この KB は 製品バージョン 8.2.7 をベースにしています。 特定のセルのみ編集不可にしたい場合は、 igx-columnの設定としてはeditableをtrueにしておき、 IgxGridComponentのon […]
IgxGrid: 異なる単位で列幅を設定することはできますか?
Ignite UI for Angular 8.2.6 バージョン時点での情報に基づいています。 IgxGrid の列は、パーセントもしくはピクセルによる幅の指定ができます。ただし、これら二つの単位を混在することはできま […]
IgxGrid navigateTo メソッドを利用して、スクロール位置を動的に変更する
IgxGrid の navigateTo メソッドを利用することで、スクロール位置を変更することができます。 navigateTo メソッドは、グリッドの行インデックスで表示したい行を指定します。 実装例
IgxGrid: IgxFocus ディレクティブを使って編集開始時にセル編集テンプレートにフォーカスを当てる
IgxGrid のセル編集テンプレートには、デフォルトの状態ではフォーカスは当たりません。セル編集の開始と共に編集テンプレートにフォーカスを当てるためには、セル編集テンプレート内のフォーカスを当てたいコントロールに、Ig […]
IgxGrid でExcelライクな複数行選択(ベータ版)
注意この機能は現在ベータ版です。今後変更になる可能性があるため予めご了承ください。 これまでは、IgxGrid で [rowSelectable]=”true” にセットしただけでは、 複数行を選 […]