Zaawansowana tabela - wydzielenie stałej kolumny - html i javascript

0

Mam tabelę jak w załączniku. Potrafi ona być wysoka na sto kilkadziesiąt wierszy o kilku linijkach.
Problem jest taki, że jest szersza od strony. Jak się przewija tabelę w prawo - znika mi pierwsza kolumna (godziny).
Jak robię z godzin osobną kolumnę - komórki tej kolumny mają wysokość jednej linijki (nie pasują do reszty).

Rozwiązania, które mi chodzą po głowie:

  1. iframe - oczywiście odpada (są jeszcze na świecie zwolennicy?)

  2. Position:fixed - nie spełnia funkcji (sprawdziłem)

  3. Wydzielenie kolumny i dopasowywanie wysokości przez javascrypt (jak wiadomo - js wolno reaguje)

  4. Przerzucanie kolumny do sąsiedniej osoby w momencie znikania (dość ryzykowne - js może zawieszać tę dużą tabelę)

  5. Zrobić na 'div'-ach (zanim będę gnębił templatkę, chciałbym mieć pewność, że rozwiązanie odpowiednio zadziała)

Którą metodę wybrać? Jest może jakieś inne, prostsze rozwiązanie?

bonusowe pytanie: czy javascript będzie nadążać, żeby pasek przewijania nad tabelą (z załącznika) utrzymywał się w widoku (pozostawał w górze ekranu)?

z góry dziękuję za radę.

ps. widzę teraz, że górny wiersz też powinien być zawsze w widoku

0

co to znaczy "position:fixed nie spełnia funkcji"?

0
ŁF napisał(a):

co to znaczy "position:fixed nie spełnia funkcji"?

nie wiedziałem jak to sformułować: position:fixed ... nie daje wymaganego rezultatu... nie zbliża mnie do rozwiązania... - wymieniłem tą metodę na wypadek, jakby ktoś miał stwierdzić że rozwiązanie jest banalne

1

napisałeś to samo, tylko innymi słowami ;-)
spytam inaczej: w jaki sposób różni się Twoje oczekiwanie w odniesieniu do tego, co dostajesz z fixed?

0

masz rację w stosunku do "bonusowego pytania"

  • w tym miejscu faktycznie, dzięki ŁF, nie muszę się dalej zastanawiać...

jednak kolumna z godzinami (sprawdzam w firebugu), zjeżdża mi razem z całą stroną.
Powiedz mi- jest może możliwość zatrzymania wierszy tabeli na tym poziomie - przy przewijaniu strony? (takie fixed w pionie i static w poziomie)?

0

z tego co wiem nie da się. nie da się też ustawić fixed dla elementów tabeli.

0

z narzędzi deweloperskich chrome i firefoxa wynika, że daje się zrobić fixed dla elementów tabeli...
wielkie dzięki za pomoc - mam połowę problemów mniej

jeżeli nie będzie dalszych podpowiedzi - będę używał position:fixed + javascript

1 użytkowników online, w tym zalogowanych: 0, gości: 1