igGrid 上でダブルクリックをしたセルの値を取得する方法です。 igGrid では、ダブルクリックに対応するイベントを公開していません。よって、igGrid をアタッチする DOM 要素に対して、直接 JavaScr […]
Articles Tagged: igGrid
igGrid 行の選択を行セレクターのチェックボックスのみで行いたい
行の選択を行セレクターのチェックボックスのみで行いたい場合は、rowSelectionChanging イベントが checkBoxStateChanging イベントと checkBoxStateChanged イベン […]
igGrid: 特定列のみ集計を表示する
igGrid では、Summaries 機能を利用することで集計(集計行)を表示することができます。デフォルトでは全ての列に対して集計が行われますが、allowSummaries オプションを利用することで、集計が不要な […]
igGrid 複数行選択有効時、行のクリックでその行の選択/非選択を切り替えたい
igGridで複数行選択を有効にし、行のクリックでその行の選択/非選択を切り替えたい場合は、 igGridRowSelectorsのcheckBoxStateChangingイベント igGridRowSelectors […]
igGrid セルに表示している内容をツールチップに出したい
ツールチップ機能を有効化してください。 リファレンス ツールチップの有効化 (igGrid) https://jp.igniteui.com/help/iggrid-enabling-tooltips サンプル http […]
igGrid 行の高さを指定したい
igGridの行の高さを指定するには、行を描画しているTR要素に対して、heightを指定するCSSを当ててください。
igGrid 行の高さをそろえたい。
列幅よりも文字数が多い場合、テキストが折り返されてしまい、行の高さがバラバラになってしまうことがあります。 このような場合は、セルを描画しているTD要素に対してwhite-space: nowrapのCSSをあて、テ […]
igGrid がサポートしている機能の組み合わせを知りたい
igGrid では、編集、列の移動、列の固定、列のソートなど、様々な機能を提供しています。基本的にはこれら機能を組み合わせて利用することができますが、機能の組み合わせによってはご利用いただけないものがあります。サポートさ […]
igGrid セルの値に応じて行全体の色を変える
igGridでセルの値に応じて行全体の色を変えてみましょう。完成イメージはこんな感じになります。 方法は2つあります。 方法1: columnsのtemplateを使ってCSSクラスを追加する。 方法2: rowsR […]
igGrid 選択行とホバー行の背景色を変更する
次のスタイルを適用することで、igGrid の選択行とホバー行の背景色を変更することができます。