Category: Ignite UI for JavaScript

igGrid の selectedCells メソッドを利用することで、選択セル(複数)を取得することができます。

igGrid の Updating 機能にある columnSettings.readOnly オプションで、読み取り専用列を指定することができます。次の例では、ID 列のみを読み取り専用列にします。 columnSet […]

igGrid の sortColumn メソッドを利用することで、列をソートすることができます。 sortColumn メソッドhttps://jp.igniteui.com/help/api/2018.2/ui.igg […]

igGrid の ColumnResizing 機能を利用することで、ユーザー操作による列幅の変更が可能です。 列のサイズ変更 (igGrid) https://jp.igniteui.com/help/iggrid-c […]

igGrid では、幅や高さを動的に変更することができます。 width オプションhttps://jp.igniteui.com/help/api/2019.1/ui.iggrid#options:width heig […]

igGrid では、セル単位で編集可否を制御することができます。 セル単位で編集可否を制御するには、editCellStarting イベントをハンドルし、編集したくないセルではイベントをキャンセルします。 次の例では、 […]

igGrid のテンプレート機能を利用して、セルに任意の要素を埋め込むことができます。 列の template オプションに埋め込む要素を定義します。 template オプション https://jp.igniteui […]

igGrid では editMode オプションから、編集モードを「セル」、「行」、「ダイアログ」、「非編集」と切り替えることができます。 editMode オプションhttps://jp.igniteui.com/he […]

igGrid に boolean 型のデータをバインドし、igGrid の renderCheckboxes オプションを有効化することで、列にチェックボックスを表示することができます。 https://jp.ignit […]

次のオプション設定により、igGrid でソート機能を利用することができます。