Duża tabelka, ukrywanie kolumn, kolorowanie, jak to ugryźć

Witam,
Mam taką dość mocno pomniejszoną wersję tabelki:
http://archeage.pl/tabelka.html

Proszę kliknąć na Grudzień (otworzy się tabelka), a potem można jeszcze kliknąć Rozwiń.

Tabelka jak widać dzieli się na kilka zbiorczych kolumn: "Grudzień 2008".
Natomiast potem mamy zwykłe kolumny, ale niektóre z nich (np. Przychód i Marża) mają inny odcień.
W obecnej chwili każde pole ma przypisaną wartość class.

Służy ono do ukrywania zbiorowo pól (w efekcie całych kolumn) i służy też do kolorowania w CSS jest to sprecyzowane.

Jako, że nie już co w tabelce dopieszczać od strony ciemnej mocy SQLa muszę ją trochę "zoptymalizować".

Problemy:

1. To jest skrócona wersja tabelki, tabelka w pełnej wersji waży ponad 10MB. Zapewne przez te idotyczny class dla każdego pola.
2. Na wolniejszych komputerach, albo takich z mało RAMu tabelka się otwiera masakrycznie nie mówiąc już o ukrywaniu kolumn.
3. W obecnej chwili dodanie/edycja koloru dla np. nowego pola (które co jakiś czas dochodzą) to mordęga.

Czy jesteście w stanie zaproponować w jaki sposób rozplanować kod CSS, HTML i jak rozwiązać chowanie?
Na przykład coś w oparciu o jQuery i nth child, ew. <col> bądź <colgroup>.
Proszę pamiętać, że to jest to tabelka dynamiczna i układ kolumn, kolorystyka podlega częstym zmianom.

Wracając do tematu, teoretycznie można by wszystko było zrobić za pomocą <colgroup>.
visibility: collapse od ukrywania
background-color od kolorowania

Tylko, co zrobić, jeżeli moje nagłówki tabeli składają się z kilku kolumn scalonych za pomocą colspan. Wtedy atrybuty już dla pojedyńczych kolumn również będą obowiązywać.

Nic nie przychodzi nikomu do głowy?

Do kolorowania można by było wykorzystać bloki (dla każdego z zestawu 18 kolumn oddzielnie).
To co dodatkowo się pokoloruje, a nie powinno to nadpiszę się innym kolorem, na przykład nagłówki tabel i wiersz np.: "Niedziela"
[code]

<colgroup span="1"></colgroup> <colgroup span="1" style="background-color:#AFEFFF;"></colgroup> <colgroup span="1" style="background-color:#BFEFFF;"></colgroup> <colgroup span="1" style="background-color:#AFEFFF;"></colgroup> <colgroup span="13" style="background-color:#BFEFFF;"></colgroup> <colgroup span="1"></colgroup> [/code]

Gorzej z ukrywaniem, bo jak zastosuje visibility: collapse; to nie znika on prawidłowo tylko jakby kolumny na siebie na chodzą.
Pomijam już fakt, że to co zniknie za dużo, bo colgroup bierzę pod uwage także nagłówki musiałbym oddzielną funkcją w JS zmienić visibility na widoczny.