Articles Tagged: igGrid

igGridの行の高さを指定するには、行を描画しているTR要素に対して、heightを指定するCSSを当ててください。 　

列幅よりも文字数が多い場合、テキストが折り返されてしまい、行の高さがバラバラになってしまうことがあります。 　 このような場合は、セルを描画しているTD要素に対してwhite-space: nowrapのCSSをあて、テ […]

igGrid では、編集、列の移動、列の固定、列のソートなど、様々な機能を提供しています。基本的にはこれら機能を組み合わせて利用することができますが、機能の組み合わせによってはご利用いただけないものがあります。サポートさ […]

igGridでセルの値に応じて行全体の色を変えてみましょう。完成イメージはこんな感じになります。 　 方法は2つあります。 方法1: columnsのtemplateを使ってCSSクラスを追加する。 方法2: rowsR […]

次のスタイルを適用することで、igGrid の選択行とホバー行の背景色を変更することができます。

igGrid の初期化時に列を固定する方法 igGrid の列固定機能(ColumnFixing) の columnSettings から、固定する列の isFixed オプションを true に設定します。 igGri […]

igGrid にはバインドデータを CSV に出力する機能はございません。CSV への出力部分は別途実装していただく必要がございます。

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

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