[JS]表データの列と行をハイライトするスクリプト -TargetTable

表データのセルにカーソルをあわせると、その列と行をハイライトするシンプルなスクリプトをPreeoStudiosから紹介します。

デモのキャプチャ

TargetTable
デモ

スクリプトのセットアップは簡単で、既存の表データにも簡単に反映できます。

HTML

tableに「class="targettable"」を記述します。

JavaScript

スクリプト本体を外部スクリプトで記述し、ハイライトするカラーを指定します。

カラーの指定は、rowBgColorが列、columnBgColorが行、targetBgColorがセルの三つです。

TargetTableはjQueryのプラグインのため、実装にはjquery.jsが必要です。

sponsors

top of page

©2018 coliss