paging di una table

**realbenny** · 05-01-2007, 18:28

ciao a tutti,
premetto che non conosco javascript.
ho una tabella html con 80 righe e non c'è del codice javascript che mi crea il paging di questa tabella?
qualcuno mi può aiutare per favore, grazie
ciao

**br1** · 05-01-2007, 18:59

...

forse col CSS ... ti sposto

**fcaldera** · 05-01-2007, 19:07

cosa intendi per paging? Spezzare la tabella in numero predefinito di righe per ciascuna pagina in fase di stampa?

**fcaldera** · 05-01-2007, 19:27

forse ho capito cosa intendi.... copia e incolla l'esempio qui sotto
questo funziona solo su Firefox

(fammi sapere se ti va bene così ti risposto in javascript e lo sistemi per IE... )

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>xhtml 1.0</title>
        
        <style type="text/css">
        table {
            border : 1px solid #cca;
        }
        </style>
        <script type="text/javascript">
        // <![CDATA[
        var _pag;
        var _npag;
        
        window.onload = function() {
            _tbl = document.getElementById('tbl');
            _pag = _tbl.getElementsByTagName('tbody');
            _npag = _pag.length;
            paginazione = document.getElementById('paginazione');
            
            for (i=0; i<_npag; i++) {
                if (i>0) _pag[i].style.display = "none";
                paginazione.innerHTML += '<a href"#" onclick="vediPagina('+ i +'); return false;">'+ (i+1) +'</a> ';
            }
               
        }
        
        function vediPagina(pagina) {
            for (i=0; i<_npag; i++) {
                _pag[i].style.display = (pagina == i)? "table-row-group" : "none";
            }
        }

        // ]]>
        </script>
    </head>

<body>

<table id="tbl">

    <tbody id="blocco0">
      <tr><td>1</td></tr>
      <tr><td>2</td></tr>
    </tbody>
    <tbody id="blocco1">
      <tr><td>3</td></tr>
      <tr><td>4</td></tr>
    </tbody>
    <tbody id="blocco2">
      <tr><td>5</td></tr>
      <tr><td>6</td></tr>
    </tbody>

</table>
<p id="paginazione"></p>
</body>
</html>

Discussione: paging di una table

Strumenti discussione

Ricerca discussione

Visualizza

paging di una table

Permessi di invio