[HTML/CSS] lomljenje dinamične tabele

Ima kdo kaj izkušenj z generiranjem tabel čez več strani in definiranjem preloma.

Imam nek dokument, ki vsebuje tabelo, ki je lahko le nekaj vrstična ali pa se napolni s podatki za nekaj strani.

S tabelami nimam prav veliko izkušenj, zato bom hvaležen za kakšne namige, usmeritve (poleg w3schools :) ....

Sklepam, da želiš en user friendly vizualni učinek namesto ene glomazne nepregledne tabele, pa vendarle, razloži kaj več o tem, kako si ta prelom predstavljaš.

Tabela ima fiksno širino. Sestavlja jo več stolpcev (nekateri so fiksni, drugi so dinamični glede na vsebino).

Ko se na vnosni maski podatke vnese, se generira printable html dokument. Ko količina vnešenih podatkov preseže 1 printable A4 stran, se prelom tabele zgodi tudi čez sredino vrstice tabele, kar pomeni, da se podatki ne vidijo, ker je zgornji del vrstice na listu št. 1, spodnji del vrstice pa na listu št. 2. Poleg tega, pa tudi grdo zgleda.

Jaz bi želel določiti, kdaj se tabela lomi in sicer tako, da določim bodisi pozicijo (glede na točko kjer se tabela začne) ali pa število vrstic pri katerem se del tabele, ki je presegel količino prvega lista, generira na drugem listu.

Po možnosti bi pri prelomu glavo tabele prenesel na vrh tabele na drugem listu.

Nisem prepričan, da sem dovolj jasno pojasnil :) Trenutno pa tudi nimam možnosti, da bi prikazal, kako to zgleda.

Morda page pagination? Generalno gledano, kadar želimo prikazat neznano količino podatkov v omejenem prostoru, recimo en definiran container over the fold, se uporablja pagination, v tvojem primeru je to table pagination, use google.

Za zadevo obstaja malo vesolje jquery rešitev, zanalašč imaš tule najbolj trapasto .

Torej, ko ti s server sidea prileti tabela, jo zmanipuliraš v frontend kodi in dinamčno dodaš paginator glede na potrebe.

Tega je kar veliko na netu :D

<style type="text/css">

table { page-break-inside:auto }

tr { page-break-inside:avoid; page-break-after:auto }

thead { display:table-header-group }

tfoot { display:table-footer-group }

</style>

Poglej malo te oblikovne zadeve, kdaj se zgodi ko se prelomi, itd ...

Če prav razumem imaš težavo z page brake ko printaš to tabelo, ali se motim?

Disregard me, moja rešitev nima veze s printanjem :) carli je ujel bistvo.

Yakamashi, hvala za trud, carli je pravilno razumel. Dokument, ki vsebuje besedilo in tabele, se generira za tiskanje.

Rad bi neko enostavno rešitev (carlijev predlog deluje simpl) in potem bom moral testirati.

carli tnx.