tabella con colonna fissa su scroll orizzontale

**Mariastella1975** · 21-05-2012, 16:02

Salve.
Ho una tabella con diverse righe e colonne, le colonne sono così tante che mi appare lo scroll orizzontale di windows.
La prima colonna è quella più importante che deve essere sempre mostrata a video ma, quando utilizzo lo scroll orizzontale per vedere le ultime colonne, la prima mi scompare, come giusto che sia.
Vorrei creare una tabella con la prima colonna fissa quando agisco sullo scroll orizzontale mentre deve scorrere normalmente quando utilizzo lo scroll verticale.
Ho trovato qualche post in questo sito ma non sono riuscita a trovare un esempio.
Mi sapreste dare un link di qualche sito dove mostra un esempio del genere in modo da verificare che sia esattamente quello che cerco?
Grazie mille.
Ms.

**ricman** · 23-05-2012, 00:41

Boh ... una volta feci degli esperimenti sullo scroll verticale...
Guarda se è adattabile alla tua situazione...
http://www.ricmanx.com/blog/scroll-a...header-footer/

**Mariastella1975** · 07-06-2012, 08:20

Ciao Ricman.
Il codice che c'è sul link che mi hai segnalato è un pò difficile per me applicarlo, ho trovato qualcosa di simile in rete ma non mi gusta tanto.
La colonna fissa viene sovrapposta da quelle scorrevoli.
Posto il codice, mi sai dire se si può fare una piccola modifica per renderlo più di gradevole visione?
Prova a caricarlo su un server e vedrai tu stesso il problema.
Grazie mille.
Ms.

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<style type="text/css">
table td:first-child {position:fixed;} 
</style>
</head>

<body>
  <table width="2000px" border="1">

          <tr>
                 <td >gen</td>
                 <td >10.000</td>
                 <td >1.000</td>
          </tr>

          <tr>
                 <td >feb</td>
                 <td >20.000</td>
                 <td >2.000</td>
          </tr>

          <tr>
                 <td >mar</td>
                 <td >30.000</td>
                 <td >3.000</td>
          </tr>

          <tr>
                 <td >apr</td>
                 <td >40.000</td>
                 <td >4.000</td>
          </tr>

          <tr>
                 <td >ago</td>
                 <td >50.000</td>
                 <td >5.000</td>
          </tr>

          <tr>
                 <td >sett</td>
                 <td >60.000</td>
                 <td >6.000</td>
          </tr>

          <tr>
                 <td >ott</td>
                 <td >70.000</td>
                 <td >7.000</td>
          </tr>

          <tr>
                 <td >nov</td>
                 <td >80.000</td>
                 <td >8.000</td>
          </tr>

          <tr>
                 <td >dic</td>
                 <td >90.000</td>
                 <td >9.000</td>
          </tr>

</table>
</body>
</html>

**ricman** · 07-06-2012, 13:37

Dagli un sfondo (background-color) e al limite un z-index alto

Discussione: tabella con colonna fissa su scroll orizzontale

Strumenti discussione

Ricerca discussione

Visualizza

tabella con colonna fissa su scroll orizzontale

Permessi di invio