Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>big table</title> <body> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pellentesque finibus placerat. Cras elit arcu, auctor et ante fringilla, finibus sollicitudin ante. Praesent bibendum rhoncus metus vel imperdiet. Nunc non lectus aliquam, malesuada risus in, condimentum dui. Fusce libero nulla, pretium id suscipit a, ullamcorper at velit. Maecenas et urna hendrerit, molestie lacus vitae, semper mi. Aliquam elementum elementum lorem, efficitur scelerisque nisl semper et. Nam in eleifend turpis, nec sagittis mauris. Aenean non malesuada orci, quis sagittis mauris. Ut a elit velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at risus in metus vehicula placerat sed eget enim. Donec commodo nunc eu elit molestie luctus.</p> <table class="break4print" border=1 cellspacing=0 cellpadding=2> <tr><td>A1<td>B1<td>C1<td>D1<td>E1<td>F1<td>G1<td>H1<td>I1<td>J1<td>K1<td>L1<td>M1<td>N1<td>O1<td>P1<td>Q1<td>R1<td>S1<td>T1<td>U1<td>V1<td>W1<td>X1<td>Y1<td>Z1<td>AA1<td>AB1<td>AC1<td>AD1<td>AE1<td>AF1<td>AG1<td>AH1<td>AI1<td>AJ1<td>AK1<td>AL1<td>AM1<td>AN1<td>AO1<td>AP1<td>AQ1<td>AR1<td>AS1<td>AT1<td>AU1<td>AV1<td>AW1<td>AX1<td>AY1<td>AZ1 <tr><td>A2<td>B2<td>C2<td>D2<td>E2<td>F2<td>G2<td>H2<td>I2<td>J2<td>K2<td>L2<td>M2<td>N2<td>O2<td>P2<td>Q2<td>R2<td>S2<td>T2<td>U2<td>V2<td>W2<td>X2<td>Y2<td>Z2<td>AA2<td>AB2<td>AC2<td>AD2<td>AE2<td>AF2<td>AG2<td>AH2<td>AI2<td>AJ2<td>AK2<td>AL2<td>AM2<td>AN2<td>AO2<td>AP2<td>AQ2<td>AR2<td>AS2<td>AT2<td>AU2<td>AV2<td>AW2<td>AX2<td>AY2<td>AZ2 <tr><td>A3<td>B3<td>C3<td>D3<td>E3<td>F3<td>G3<td>H3<td>I3<td>J3<td>K3<td>L3<td>M3<td>N3<td>O3<td>P3<td>Q3<td>R3<td>S3<td>T3<td>U3<td>V3<td>W3<td>X3<td>Y3<td>Z3<td>AA3<td>AB3<td>AC3<td>AD3<td>AE3<td>AF3<td>AG3<td>AH3<td>AI3<td>AJ3<td>AK3<td>AL3<td>AM3<td>AN3<td>AO3<td>AP3<td>AQ3<td>AR3<td>AS3<td>AT3<td>AU3<td>AV3<td>AW3<td>AX3<td>AY3<td>AZ3 <tr><td>A4<td>B4<td>C4<td>D4<td>E4<td>F4<td>G4<td>H4<td>I4<td>J4<td>K4<td>L4<td>M4<td>N4<td>O4<td>P4<td>Q4<td>R4<td>S4<td>T4<td>U4<td>V4<td>W4<td>X4<td>Y4<td>Z4<td>AA4<td>AB4<td>AC4<td>AD4<td>AE4<td>AF4<td>AG4<td>AH4<td>AI4<td>AJ4<td>AK4<td>AL4<td>AM4<td>AN4<td>AO4<td>AP4<td>AQ4<td>AR4<td>AS4<td>AT4<td>AU4<td>AV4<td>AW4<td>AX4<td>AY4<td>AZ4 <tr><td>A5<td>B5<td>C5<td>D5<td>E5<td>F5<td>G5<td>H5<td>I5<td>J5<td>K5<td>L5<td>M5<td>N5<td>O5<td>P5<td>Q5<td>R5<td>S5<td>T5<td>U5<td>V5<td>W5<td>X5<td>Y5<td>Z5<td>AA5<td>AB5<td>AC5<td>AD5<td>AE5<td>AF5<td>AG5<td>AH5<td>AI5<td>AJ5<td>AK5<td>AL5<td>AM5<td>AN5<td>AO5<td>AP5<td>AQ5<td>AR5<td>AS5<td>AT5<td>AU5<td>AV5<td>AW5<td>AX5<td>AY5<td>AZ5 <tr><td>A6<td>B6<td>C6<td>D6<td>E6<td>F6<td>G6<td>H6<td>I6<td>J6<td>K6<td>L6<td>M6<td>N6<td>O6<td>P6<td>Q6<td>R6<td>S6<td>T6<td>U6<td>V6<td>W6<td>X6<td>Y6<td>Z6<td>AA6<td>AB6<td>AC6<td>AD6<td>AE6<td>AF6<td>AG6<td>AH6<td>AI6<td>AJ6<td>AK6<td>AL6<td>AM6<td>AN6<td>AO6<td>AP6<td>AQ6<td>AR6<td>AS6<td>AT6<td>AU6<td>AV6<td>AW6<td>AX6<td>AY6<td>AZ6 <tr><td>A7<td>B7<td>C7<td>D7<td>E7<td>F7<td>G7<td>H7<td>I7<td>J7<td>K7<td>L7<td>M7<td>N7<td>O7<td>P7<td>Q7<td>R7<td>S7<td>T7<td>U7<td>V7<td>W7<td>X7<td>Y7<td>Z7<td>AA7<td>AB7<td>AC7<td>AD7<td>AE7<td>AF7<td>AG7<td>AH7<td>AI7<td>AJ7<td>AK7<td>AL7<td>AM7<td>AN7<td>AO7<td>AP7<td>AQ7<td>AR7<td>AS7<td>AT7<td>AU7<td>AV7<td>AW7<td>AX7<td>AY7<td>AZ7 <tr><td>A8<td>B8<td>C8<td>D8<td>E8<td>F8<td>G8<td>H8<td>I8<td>J8<td>K8<td>L8<td>M8<td>N8<td>O8<td>P8<td>Q8<td>R8<td>S8<td>T8<td>U8<td>V8<td>W8<td>X8<td>Y8<td>Z8<td>AA8<td>AB8<td>AC8<td>AD8<td>AE8<td>AF8<td>AG8<td>AH8<td>AI8<td>AJ8<td>AK8<td>AL8<td>AM8<td>AN8<td>AO8<td>AP8<td>AQ8<td>AR8<td>AS8<td>AT8<td>AU8<td>AV8<td>AW8<td>AX8<td>AY8<td>AZ8 <tr><td>A9<td>B9<td>C9<td>D9<td>E9<td>F9<td>G9<td>H9<td>I9<td>J9<td>K9<td>L9<td>M9<td>N9<td>O9<td>P9<td>Q9<td>R9<td>S9<td>T9<td>U9<td>V9<td>W9<td>X9<td>Y9<td>Z9<td>AA9<td>AB9<td>AC9<td>AD9<td>AE9<td>AF9<td>AG9<td>AH9<td>AI9<td>AJ9<td>AK9<td>AL9<td>AM9<td>AN9<td>AO9<td>AP9<td>AQ9<td>AR9<td>AS9<td>AT9<td>AU9<td>AV9<td>AW9<td>AX9<td>AY9<td>AZ9 <tr><td>A10<td>B10<td>C10<td>D10<td>E10<td>F10<td>G10<td>H10<td>I10<td>J10<td>K10<td>L10<td>M10<td>N10<td>O10<td>P10<td>Q10<td>R10<td>S10<td>T10<td>U10<td>V10<td>W10<td>X10<td>Y10<td>Z10<td>AA10<td>AB10<td>AC10<td>AD10<td>AE10<td>AF10<td>AG10<td>AH10<td>AI10<td>AJ10<td>AK10<td>AL10<td>AM10<td>AN10<td>AO10<td>AP10<td>AQ10<td>AR10<td>AS10<td>AT10<td>AU10<td>AV10<td>AW10<td>AX10<td>AY10<td>AZ10 <tr><td>A11<td>B11<td>C11<td>D11<td>E11<td>F11<td>G11<td>H11<td>I11<td>J11<td>K11<td>L11<td>M11<td>N11<td>O11<td>P11<td>Q11<td>R11<td>S11<td>T11<td>U11<td>V11<td>W11<td>X11<td>Y11<td>Z11<td>AA11<td>AB11<td>AC11<td>AD11<td>AE11<td>AF11<td>AG11<td>AH11<td>AI11<td>AJ11<td>AK11<td>AL11<td>AM11<td>AN11<td>AO11<td>AP11<td>AQ11<td>AR11<td>AS11<td>AT11<td>AU11<td>AV11<td>AW11<td>AX11<td>AY11<td>AZ11 <tr><td>A12<td>B12<td>C12<td>D12<td>E12<td>F12<td>G12<td>H12<td>I12<td>J12<td>K12<td>L12<td>M12<td>N12<td>O12<td>P12<td>Q12<td>R12<td>S12<td>T12<td>U12<td>V12<td>W12<td>X12<td>Y12<td>Z12<td>AA12<td>AB12<td>AC12<td>AD12<td>AE12<td>AF12<td>AG12<td>AH12<td>AI12<td>AJ12<td>AK12<td>AL12<td>AM12<td>AN12<td>AO12<td>AP12<td>AQ12<td>AR12<td>AS12<td>AT12<td>AU12<td>AV12<td>AW12<td>AX12<td>AY12<td>AZ12 <tr><td>A13<td>B13<td>C13<td>D13<td>E13<td>F13<td>G13<td>H13<td>I13<td>J13<td>K13<td>L13<td>M13<td>N13<td>O13<td>P13<td>Q13<td>R13<td>S13<td>T13<td>U13<td>V13<td>W13<td>X13<td>Y13<td>Z13<td>AA13<td>AB13<td>AC13<td>AD13<td>AE13<td>AF13<td>AG13<td>AH13<td>AI13<td>AJ13<td>AK13<td>AL13<td>AM13<td>AN13<td>AO13<td>AP13<td>AQ13<td>AR13<td>AS13<td>AT13<td>AU13<td>AV13<td>AW13<td>AX13<td>AY13<td>AZ13 <tr><td>A14<td>B14<td>C14<td>D14<td>E14<td>F14<td>G14<td>H14<td>I14<td>J14<td>K14<td>L14<td>M14<td>N14<td>O14<td>P14<td>Q14<td>R14<td>S14<td>T14<td>U14<td>V14<td>W14<td>X14<td>Y14<td>Z14<td>AA14<td>AB14<td>AC14<td>AD14<td>AE14<td>AF14<td>AG14<td>AH14<td>AI14<td>AJ14<td>AK14<td>AL14<td>AM14<td>AN14<td>AO14<td>AP14<td>AQ14<td>AR14<td>AS14<td>AT14<td>AU14<td>AV14<td>AW14<td>AX14<td>AY14<td>AZ14 <tr><td>A15<td>B15<td>C15<td>D15<td>E15<td>F15<td>G15<td>H15<td>I15<td>J15<td>K15<td>L15<td>M15<td>N15<td>O15<td>P15<td>Q15<td>R15<td>S15<td>T15<td>U15<td>V15<td>W15<td>X15<td>Y15<td>Z15<td>AA15<td>AB15<td>AC15<td>AD15<td>AE15<td>AF15<td>AG15<td>AH15<td>AI15<td>AJ15<td>AK15<td>AL15<td>AM15<td>AN15<td>AO15<td>AP15<td>AQ15<td>AR15<td>AS15<td>AT15<td>AU15<td>AV15<td>AW15<td>AX15<td>AY15<td>AZ15 <tr><td>A16<td>B16<td>C16<td>D16<td>E16<td>F16<td>G16<td>H16<td>I16<td>J16<td>K16<td>L16<td>M16<td>N16<td>O16<td>P16<td>Q16<td>R16<td>S16<td>T16<td>U16<td>V16<td>W16<td>X16<td>Y16<td>Z16<td>AA16<td>AB16<td>AC16<td>AD16<td>AE16<td>AF16<td>AG16<td>AH16<td>AI16<td>AJ16<td>AK16<td>AL16<td>AM16<td>AN16<td>AO16<td>AP16<td>AQ16<td>AR16<td>AS16<td>AT16<td>AU16<td>AV16<td>AW16<td>AX16<td>AY16<td>AZ16 <tr><td>A17<td>B17<td>C17<td>D17<td>E17<td>F17<td>G17<td>H17<td>I17<td>J17<td>K17<td>L17<td>M17<td>N17<td>O17<td>P17<td>Q17<td>R17<td>S17<td>T17<td>U17<td>V17<td>W17<td>X17<td>Y17<td>Z17<td>AA17<td>AB17<td>AC17<td>AD17<td>AE17<td>AF17<td>AG17<td>AH17<td>AI17<td>AJ17<td>AK17<td>AL17<td>AM17<td>AN17<td>AO17<td>AP17<td>AQ17<td>AR17<td>AS17<td>AT17<td>AU17<td>AV17<td>AW17<td>AX17<td>AY17<td>AZ17 <tr><td>A18<td>B18<td>C18<td>D18<td>E18<td>F18<td>G18<td>H18<td>I18<td>J18<td>K18<td>L18<td>M18<td>N18<td>O18<td>P18<td>Q18<td>R18<td>S18<td>T18<td>U18<td>V18<td>W18<td>X18<td>Y18<td>Z18<td>AA18<td>AB18<td>AC18<td>AD18<td>AE18<td>AF18<td>AG18<td>AH18<td>AI18<td>AJ18<td>AK18<td>AL18<td>AM18<td>AN18<td>AO18<td>AP18<td>AQ18<td>AR18<td>AS18<td>AT18<td>AU18<td>AV18<td>AW18<td>AX18<td>AY18<td>AZ18 <tr><td>A19<td>B19<td>C19<td>D19<td>E19<td>F19<td>G19<td>H19<td>I19<td>J19<td>K19<td>L19<td>M19<td>N19<td>O19<td>P19<td>Q19<td>R19<td>S19<td>T19<td>U19<td>V19<td>W19<td>X19<td>Y19<td>Z19<td>AA19<td>AB19<td>AC19<td>AD19<td>AE19<td>AF19<td>AG19<td>AH19<td>AI19<td>AJ19<td>AK19<td>AL19<td>AM19<td>AN19<td>AO19<td>AP19<td>AQ19<td>AR19<td>AS19<td>AT19<td>AU19<td>AV19<td>AW19<td>AX19<td>AY19<td>AZ19 <tr><td>A20<td>B20<td>C20<td>D20<td>E20<td>F20<td>G20<td>H20<td>I20<td>J20<td>K20<td>L20<td>M20<td>N20<td>O20<td>P20<td>Q20<td>R20<td>S20<td>T20<td>U20<td>V20<td>W20<td>X20<td>Y20<td>Z20<td>AA20<td>AB20<td>AC20<td>AD20<td>AE20<td>AF20<td>AG20<td>AH20<td>AI20<td>AJ20<td>AK20<td>AL20<td>AM20<td>AN20<td>AO20<td>AP20<td>AQ20<td>AR20<td>AS20<td>AT20<td>AU20<td>AV20<td>AW20<td>AX20<td>AY20<td>AZ20 </table> <p>Vivamus volutpat nunc vitae nunc dignissim, quis viverra ligula dictum. Duis lobortis nisl at purus consectetur dapibus. Suspendisse at porta magna. Phasellus accumsan dui elit, sit amet vehicula diam accumsan at. Morbi vulputate placerat erat et faucibus. Quisque sagittis ligula vitae elit consequat, sed dignissim dolor finibus. Aenean convallis, enim ac pellentesque condimentum, nibh nunc rutrum metus, ac fringilla mi nibh ut magna. Nunc malesuada posuere lacus, id lacinia lacus. Cras vel tincidunt lacus. Morbi non malesuada massa, facilisis fringilla eros. Nulla non fringilla velit. Mauris nec ullamcorper justo, consectetur semper velit. Sed molestie turpis ipsum, vel pellentesque massa convallis sed. Nam cursus, libero eget commodo iaculis, velit nibh dapibus urna, euismod placerat ipsum risus varius turpis.</p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.break4print-replacement { width:100%; overflow:hidden; position:relative; } .break4print-part { width:100%; position:relative; page-break-before:always; page-break-after:always; }
CSS
Autoformát
CSS reset
Až na konci
/* * HTML: Print Wide HTML Tables * https://salman-w.blogspot.com/2013/04/printing-wide-html-tables.html * http://djpw.cz/171866 */ window.onbeforeprint=function(){ $('.break4print').each(function(){ var element = $(this), elementWidth = element.outerWidth(), maxWidth = 1000, pageCount = Math.ceil(elementWidth / maxWidth), i, printWrap, printPart; if(pageCount>1) { printWrap = $("<div class='break4print-replacement'></div>").insertAfter(element); for (i = 0; i < pageCount; i++) { printPart = $("<div class='break4print-part'></div>").css({ "left": (-100*i)+'%' }).appendTo(printWrap); element.clone().removeAttr("id").removeClass('break4print').appendTo(printPart); } element.hide(); } }); }; window.onafterprint=function(){ $('.break4print-replacement').remove(); $('.break4print').show(); };
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>