Column Hover

テーブルの列に、マウスオーバー時にハイライトする機能を付加します。

ホームページ

使い方

tableに “columnHover” と記述すると、列選択機能になります。

<table jg="columnHover">...</table>

ABCD
A+A-B+B-C+C-D+D-
114982214
X-XX----
X-XX----
X-X-----
--X-XX-X
X-XX---X
X-XX---X
XX-X-X-X
XX-X----
XX-X--X-
X-X-X---
X-XX----
XXX-----

オプション

eachCell

この値をtrueにすると、theadだけでなくtbody上でもハイライトされるようになります。

ABCD
A+A-B+B-C+C-D+D-
114982214
X-XX----
X-XX----
X-X-----
--X-XX-X
X-XX---X
X-XX---X
XX-X-X-X
XX-X----
XX-X--X-
X-X-X---
X-XX----
XXX-----

デフォルトはfalseです。

hoverClass

現在ハイライトするtd要素にあてるクラスを指定します。

デフォルトは空です。

includeSpans

この値をfalseにすると、rowspanの入っている領域をハイライト状態にしません。

デフォルトはtrueです。

ignoreCols

配列の値を指定します。
指定した列は、ハイライトされなくなります。
例えば ignoreCols: [1,5,10] とした場合、左から1、5、10番目の列はマウスを乗せてもハイライトしなくなります。

デフォルトは空です。

最終更新: Y/m/d H:i