ホバー(カーソルを合わせる)や、クリックなどの、マウス操作で、表(テーブル)の列や行やセルを、ハイライト表示させるなら、jQuery の tableHover プラグインが便利。
-
jQuery tableHover plugin
jQuery の tableHover プラグインの導入方法やオプションなどについて。
-
jQuery の tableHover プラグインで作る行をハイライト表示する表
jQuery の tableHover プラグインを使い、表(table)のセルにカーソルを合わせると、そのセルが属する行をハイライト表示させる方法。行をハイライト表示させるだけであれば、とくにオプションは必要ない。
-
jQuery の tableHover プラグインで作る行と列をハイライト表示する表
jQuery の tableHover プラグインを使い、表(table)のセルにカーソルを合わせると、そのセルが属する行と列をハイライト表示させる方法。表(table)のセルにカーソルを合わせると、そのセルが属する行と列をハイライト表示させるには、「colClass」オプションを使う。
-
jQuery の tableHover で作る、行と列を違う色でハイライト表示する表
jQuery の tableHover プラグインを使い、表(table)のセルにカーソルを合わせると、そのセルが属する行と列を、それぞれ異なる色でハイライト表示させる方法。異なる色でハイライト表示させるには、「rowClass」オプションと「colClass」オプションに、異なるクラス名を指定する。
-
jQuery の tableHover で作る、セルと行と列をハイライト表示する表
jQuery の tableHover プラグインを使い、表(table)のセルにカーソルを合わせると、そのセルと、そのセルが属する行と列を、それぞれ異なる色でハイライト表示させる方法。セルと、そのセルが属する行と列を、ハイライト表示させるには、「colClass」オプションと「cellClass」オプションを使う。
-
jQuery の tableHover で作る、クリックでハイライト表示する表
jQuery の tableHover プラグインを使い、表(table)のセルにカーソルを合わせると、そのセルと、そのセルが属する行と列を、それぞれ異なる色でハイライト表示させ、セルをクリックすると、そのセルと、そのセルが属する行と列をハイライト表示させる方法。クリックでハイライト表示させるには、「clickClass」オプションを使う。