Tabela fiksne visine?

[M1los]

Pozdrav!
Pravim sajt koji će na početnoj stranici imati šest tabela sa raznim podacima. Fino sam uklopio i dizajnirao tabele, sve super.
Problem je što svaka tabela ima različit broj redova, pa to i ne izgleda baš sjajno. Želim da svaka tabela ima fiksnu visinu, i da se, ako ima više redova, omogući skrolovanje tabele.
Pokušao sam sa primjenom height i max-height atributa na tabele, ali on ne radi apsolutno ništa u ovom slučaju

Može li mi neko pomoći?

[Neutrino]

HTML tabele nemaju podršku za skrolovanje tako da moraš da koristiš spoljašnji kontejner na kojem ćeš minimalno da zadaš sledeći set CSS atributa.

max-height: [maksimalna visina];
overflow-x: hidden;
overflow-y: auto;

Napravio sam DEMO gde možeš da vidiš praktičnu implementaciju.

Rows i Max height selektore možeš da koristiš da bi video kako se tabela i kontejner ponašaju kada se promeni broj redova u tabeli i maksimalno dozvoljena visina spoljašnjeg kontejnera.

[M1los]

Тек сад сам дошао до компа и испробао. Ради! Хвала много на помоћи
Сад ми је циљ да направим да header табеле остане видљив док се скрола. Ако запнем, опет ћу викати упомоћ

[Neutrino]

Fiksirani header na responsive tabeli koja podržava skrol i uz to maksimalno dozvoljenu visinu nije uopšte naivan problem.

Jedno od rešenja je razdvajanje tabele u standardne thead i tbody sekcije pa onda detekcija postojanja skrola na tbody sekciji nakon čega se thead sekciji dodaje padding sa desne strane koji je jednak razlici širine kontejnera oko tabele i ukupne širine bilo kog tbody reda.

Pošto ovo verovatno zvuči komplikovanije nego što jeste evo demonstracije.