igDataChart 上でプロットされるデータポイントの値を、テキスト注釈でラベル表示したい状況があります。このような時には、calloutLayer を利用することができます。 calloutLayer シリーズにて […]
Category: Ignite UI for jQuery
igGrid 複数行選択有効時、行のクリックでその行の選択/非選択を切り替えたい
igGridで複数行選択を有効にし、行のクリックでその行の選択/非選択を切り替えたい場合は、 igGridRowSelectorsのcheckBoxStateChangingイベント igGridRowSelectors […]
[ASP.NET Core MVC] Infragistics Excel Engine 導入手順
v19.2以降、Infragistics Documents が NET Core 3 でもご利用いただけるようになりました。 Windows OS に限らず Linux や Mac OS でも、Office ドキュメン […]
igGrid セルに表示している内容をツールチップに出したい
ツールチップ機能を有効化してください。 リファレンス ツールチップの有効化 (igGrid) https://jp.igniteui.com/help/iggrid-enabling-tooltips サンプル http […]
igGrid 行の高さを指定したい
igGridの行の高さを指定するには、行を描画しているTR要素に対して、heightを指定するCSSを当ててください。
igGrid 行の高さをそろえたい。
列幅よりも文字数が多い場合、テキストが折り返されてしまい、行の高さがバラバラになってしまうことがあります。 このような場合は、セルを描画しているTD要素に対してwhite-space: nowrapのCSSをあて、テ […]
igDataChart 棒グラフの棒の太さを調整する
縦棒グラフ(series.type=”column”) 横棒グラフ(series.type=”bar”) 積層型の縦棒グラフ(series.type=”stac […]
igGrid がサポートしている機能の組み合わせを知りたい
igGrid では、編集、列の移動、列の固定、列のソートなど、様々な機能を提供しています。基本的にはこれら機能を組み合わせて利用することができますが、機能の組み合わせによってはご利用いただけないものがあります。サポートさ […]
igGrid セルの値に応じて行全体の色を変える
igGridでセルの値に応じて行全体の色を変えてみましょう。完成イメージはこんな感じになります。 方法は2つあります。 方法1: columnsのtemplateを使ってCSSクラスを追加する。 方法2: rowsR […]
Ignite UI for JavaScript のインストール手順
Ignite UI for JavaScript のインストール手順を示します。 1.次のページから、プラットフォームインストーラーをダウンロードします。 https://jp.infragistics.com/my-a […]