Подсветка столбцов таблицы

[ctocopok]

Сделать подсветку строчек не проблема - onMouseOver и onMouseOut для <tr> спасают вебмастера.

Но вот проблема. Таблица - просто стена текста (даже больше цифирей), и это все как-то сплошняком. Хочется улучшить читабельность путем выделения не только строки, но и столбца - подсветкой.

Для справки, строк до 108 в таблице, столбцов - порядка 28.
Данные, в основном, числовые, иногда десятичные дроби, иногда целые числа.

Размышлял, додумался лишь до проставления каждой ячее таблицы свойств onMouseXXX, и в обработчиках вычислять (по id, наверное), что за ячея событие вызвала, к какому столбцу принадлежит, затем все ячеи в этом столбце "красить" или класс им менять.
Может, есть попроще решения?

Еще вопрос. Как сделать заголовок у таблицы неподвижным (не скроллящимся), а скроллить только тело таблицы? Аналог "закрепить области" в экселе.

Заранее благодарен.

[Aetae]

1.

<table style="width:100%;">
	<col style="background:#ddf">
	<col style="background:#fdf">
	<col style="background:#dff">
	<tr><td>1</td><td>2</td><td>3</td></tr>
	<tr><td>1</td><td>2</td><td>3</td></tr>
	<tr><td>1</td><td>2</td><td>3</td></tr>
	<tr><td>1</td><td>2</td><td>3</td></tr>
</table>

2. http://www.imaputz.com/cssStuff/bigFourVersion.html

[ctocopok]

Спасибо за решение с col style="", возможно, действительно обойдусь без наворотов ява-скрипта.
Хотя, задавая вопрос, предполагал именно динамическое выделение, по наведению курсора.

второй пункт еще не отсмотрел, но заранее благодарен

[ctocopok]

Йолке!
Красивое решение по фиксированным заголовкам. Но в моем случае ползет и разъезжается. Теряется синхронизация заголовка с данными таблицы, двустрочные (rowspan="2") заголовки тоже по ветру пошли.

http://wwoott.narod.ru/scroll.html со скроллом (фикс. заголовки)
http://wwoott.narod.ru/noscroll.html без скролла (как раньше было)

может, я что-то очень важное в CSS упустил, но что?

[ksa]

ctocopok, может уже пора тут тестовые примеры свои выкладывать? Или все делать за тебя?

[Андрей38]

http://www.scriptsite.ru/jquery-18 Скрол для таблици с фиксир заголовками ... Ниче коректно не работает ! Нужно превращать head th в фиксированные дивы . Читал , что Квери плагин сортировки таблиц имеет такие юсер-установки . Но я так и не понял , как это установить . По умолчанию- заголовки- как табл.заголовки

[ctocopok]

ctocopok, может уже пора тут тестовые примеры свои выкладывать? Или все делать за тебя?

не понял. в чем меня обвиняют?

тестовые примеры - по ссылкам, обширные таблицы.

в таблице 35 столбцов, как только задаешь thead tr блочным элементом, "синхронизация" координат со столбцами слетает.

[ksa]

в чем меня обвиняют?

В личном бездействии в решении твоеё же проблемы.

тестовые примеры - по ссылкам, обширные таблицы.

А ты сделай небольшей тестовый пример, выложи тут. На нём можно будет вести какие-то тесты...

в таблице 35 столбцов, как только задаешь thead tr блочным элементом, "синхронизация" координат со столбцами слетает.

Не делай thead tr блочным элементом...

[ctocopok]

Да не, я не бездействую, я пыжусь локально, только не получается, к сожалению.

небольшой тестовый пример попробую наваять. через часок. но какая разница, тут пример, или те линки, что я выложил повыше?

3. не делать thead tr блочным - это не иметь фиксированного на месте заголовка. смысл всей возни именно в таком заголовке. правда, загляните в две ссылки, станет понятно, с чем я имею дело, и что плохо получается

[ksa]

но какая разница, тут пример, или те линки, что я выложил повыше?

- Пример будет одинаковым у всех.
- Его можно менять как захочется.
- Его видно прямо тут и никуда ходить не нужно.

не делать thead tr блочным - это не иметь фиксированного на месте заголовка.

Не всегда всё бывает так однозначно...