Archívum

Dátum

Minden
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

html table nyomtatás több oldalra

Theo76 · 2017. Már. 30. (Cs), 10.31

Sziasztok!

Egy nagyméretű táblázatot kéne kinyomtatnom fejléccel együtt (minden oldalon meg kellene jelennie), de valamiért csak egy oldalt hajlandó nyomtatni, és az utolsó sort is csakrészben ha úgy jön ki...

A css:

#Printed {
width: 100%;
height: 100%;
background: white;
}
@media print {
@page {
size: portrait;
}
header, footer, #ablakVezerles, .vezerloGomb {display:none;}
#Printed { position: fixed;top: 0;left: 0; page-break-inside:auto; }
body, html { background:white; }
table { page-break-inside:auto; }
tr { page-break-inside:avoid; page-break-after:auto; }
thead { display:table-header-group; }
}

#Printed {
    width: 100%;
    height: 100%;
    background: white;
}

@media print {
    @page {
        size: portrait;
    }

    header, footer, #ablakVezerles, .vezerloGomb {display:none;}
    #Printed { position: fixed;top: 0;left: 0; page-break-inside:auto; }
    body, html { background:white; }

    table { page-break-inside:auto; }
    tr    { page-break-inside:avoid; page-break-after:auto; }
    thead { display:table-header-group; }
}

a html:

<div id="Printed">
<table>
<thead>
<tr>
<td>fej1</td>
<td>fej2</td>
<td>fej3</td>
</tr>
<thead>
<tbody>
<tr>
<td>adat1</td>
<td>adat2</td>
<td>adat3</td>
</tr>
...
<tr>
<td>adat1</td>
<td>adat2</td>
<td>adat3</td>
</tr>
</tbody>
</table>
</div>

<div id="Printed">
    <table>
        <thead>
            <tr>
                <td>fej1</td>
                <td>fej2</td>
                <td>fej3</td>
            </tr>
        <thead>
        <tbody>
            <tr>
                <td>adat1</td>
                <td>adat2</td>
                <td>adat3</td>
            </tr>
...
            <tr>
                <td>adat1</td>
                <td>adat2</td>
                <td>adat3</td>
            </tr>
        </tbody>
    </table>
</div>

■

HTML, CSS, JavaScript, Ajax

csirip
4

Friss blogmarkok

Web Akadálymentesítési Útmutató (WCAG) 2.1 – nyilvános munkaterv – Megjelent a WCAG (Web Akadálymentesítési Útmutató) 2.1 nyilvános munkaterv (0)
MongoDB Apocalypse Is Here as Ransom Attacks Hit 10,000 Servers – Több tízezer védtelen MongoDB szerverre csaptak le hackerek (2)
12 Signs You’re Working in a Feature Factory – A cél nélküli funkciógyártás néhány tünete (0)
Translatable, custom dates in Twig templates of Drupal 8 – Saját dátumok megjelenítése, fordíthatóan a Drupal 8 smink rétegével dolgozva (0)
NativeScript – Cross-Platform Native Development with Javascript – Fejlesszünk natív mobilalkalmazást JavaScripttel (0)
GitHub Security Update: Reused password attack – Érdemes bekapcsolni a kétfaktoros azonosítást, ha a GitHub jelszavunkat más oldalakon is újra felhasználtuk (17)
UX Design könyv – Hogyan tervezz felhasználóbarát és szerethető alkalmazásokat? (0)
Introducing unlimited private repositories – Megváltozik a GitHub díjszabása: minden előfizetéshez korlátlan számú privát repository jár (0)
Drupal 8 Twig: add custom CSS classes to menus (based on menu name) – Saját elképzeléseink szerinti CSS osztályok (automatizált) hozzáadása a Drupal 8 menüihez (0)