行ごとにハイライト
オンマウス(hover)で、行ごとにハイライト。pluginデフォルト。
$('#tableone').tableHover();
A |
B |
C |
D |
A+ |
A- |
B+ |
B- |
C+ |
C- |
D+ |
D- |
11 |
4 |
9 |
8 |
2 |
2 |
1 |
4 |
X |
- |
X |
X |
- |
- |
- |
- |
X |
- |
X |
X |
- |
- |
- |
- |
X |
- |
X |
- |
- |
- |
- |
- |
- |
- |
X |
- |
X |
X |
- |
X |
X |
- |
X |
X |
- |
- |
- |
X |
X |
- |
X |
X |
- |
- |
- |
X |
X |
X |
- |
X |
- |
X |
- |
X |
X |
X |
- |
X |
- |
- |
- |
- |
X |
X |
- |
X |
- |
- |
X |
- |
X |
- |
X |
- |
X |
- |
- |
- |
X |
- |
X |
X |
- |
- |
- |
- |
X |
X |
X |
- |
- |
- |
- |
- |
行と列ごとにハイライト
オンマウス(hover)で、行と列ごとにハイライト。
$('#tabletwo').tableHover({colClass: 'hover'});
A |
B |
C |
D |
A+ |
A- |
B+ |
B- |
C+ |
C- |
D+ |
D- |
11 |
4 |
9 |
8 |
2 |
2 |
1 |
4 |
X |
- |
X |
X |
- |
- |
- |
- |
X |
- |
X |
X |
- |
- |
- |
- |
X |
- |
X |
- |
- |
- |
- |
- |
- |
- |
X |
- |
X |
X |
- |
X |
X |
- |
X |
X |
- |
- |
- |
X |
X |
- |
X |
X |
- |
- |
- |
X |
X |
X |
- |
X |
- |
X |
- |
X |
X |
X |
- |
X |
- |
- |
- |
- |
X |
X |
- |
X |
- |
- |
X |
- |
X |
- |
X |
- |
X |
- |
- |
- |
X |
- |
X |
X |
- |
- |
- |
- |
X |
X |
X |
- |
- |
- |
- |
- |
行と列ごとにハイライト。交差点のセルを選ぶ。
オンマウス(hover)で、行と列ごとにハイライト。交差点のセルをhovercelで選ぶ。クリックすると結果を残す。
$('#tablethree').tableHover({colClass: 'hover', cellClass: 'hovercell', clickClass: 'click'});
A |
B |
C |
D |
A+ |
A- |
B+ |
B- |
C+ |
C- |
D+ |
D- |
11 |
4 |
9 |
8 |
2 |
2 |
1 |
4 |
X |
- |
X |
X |
- |
- |
- |
- |
X |
- |
X |
X |
- |
- |
- |
- |
X |
- |
X |
- |
- |
- |
- |
- |
- |
- |
X |
- |
X |
X |
- |
X |
X |
- |
X |
X |
- |
- |
- |
X |
X |
- |
X |
X |
- |
- |
- |
X |
X |
X |
- |
X |
- |
X |
- |
X |
X |
X |
- |
X |
- |
- |
- |
- |
X |
X |
- |
X |
- |
- |
X |
- |
X |
- |
X |
- |
X |
- |
- |
- |
X |
- |
X |
X |
- |
- |
- |
- |
X |
X |
X |
- |
- |
- |
- |
- |
行と列ごとにハイライト。交差点のセルを選ぶ-2。
オンマウス(hover)で、列ごとにtableヘッダー、tableフッターを含めてハイライト。行は色を変えてハイライト。交差点のセルをhovercelで選ぶ。クリックすると結果を残す。
$('#tablefive').tableHover({rowClass: 'hoverrow', colClass: 'hover', clickClass: 'click', headRows: true,
footRows: true, headCols: true, footCols: true});
A |
B |
C |
D |
A+ |
A- |
B+ |
B- |
C+ |
C- |
D+ |
D- |
11 |
4 |
9 |
8 |
2 |
2 |
1 |
4 |
X |
- |
X |
X |
- |
- |
- |
- |
X |
- |
X |
X |
- |
- |
- |
- |
X |
- |
X |
- |
- |
- |
- |
- |
- |
- |
X |
- |
X |
X |
- |
X |
X |
- |
X |
X |
- |
- |
- |
X |
X |
- |
X |
X |
- |
- |
- |
X |
X |
X |
- |
X |
- |
X |
- |
X |
X |
X |
- |
X |
- |
- |
- |
- |
X |
X |
- |
X |
- |
- |
X |
- |
X |
- |
X |
- |
X |
- |
- |
- |
X |
- |
X |
X |
- |
- |
- |
- |
X |
X |
X |
- |
- |
- |
- |
- |