[RISOLTO] Tabella con barra di scorrimento

[CarecaIII]

Ciao,


dovrei inserire in un articolo una tabella che ha molte colonne ed ho bisogno che sia visualizzata una barra orizzontale per lo scrolling altrimenti le colonne in eccesso vengono tagliate.
Il sito è fatto con joomla 1.7.


Come procedere?


Grazie
Ciao

[giovi]

ciao, è una cosa abbastanza complicata ma potresti provare applicando una classe alla tabella

Codice: [Seleziona]

<table class="h-scroll">......</table>e nel css applicare la proprietà width fissa ed un horizontal scrolling così:

Codice: [Seleziona]

.h-scroll{
   width:700px;
   overflow-y: hidden;
   overflow-x: auto;
}

[CarecaIII]

Ciao. Purtroppo non funziona.
In rete ho trovato una scorciatoia:
Bisogna aggiungere un div nell'articolo attorno alla tavola.
Ecco un esempio:

<div style="height: 400px; overflow-x: scroll; padding: 5px;">
<table class="wide" border="0">
<thead>
<tr> <th>name</th> <th>tel</th> <th>address</th></tr>
</thead>
<tbody>
<tr> <td>bob</td> <td>123</td><td>123</td> </tr>
<tr> <td>tom</td> <td>456</td> <td>153</td></tr>
<tr> <td>tom ty</td> <td>445656</td> <td>163</td></tr>
<tr> <td>tom wrew</td> <td>45456546</td> <td>173</td></tr>
<tr> <td>tom 43252</td> <td>45jtftr6</td> <td>183</td></tr>
</tbody>
</table>
<>

Cosi funziona. Ma ho trovato un'altra soluzione applicabile con il template che uso (yougrids).Bisogna aggiungere al file custom.css questo:

.news_item_a {   overflow:auto;}

Spero che sia utile anche per altre persone.
Grazie a tutti.


Ciao

[giovi]

il principio è identico solo che è applicato ad un div (come si fa di solito) o ad una classe generica
ricordati di mettere [risolto] nel titolo del post grazie

[CarecaIII]

Grazie ancora. 


Ciao