Ciao ragazzi! Ho preso uno script di una tabella con scrollbar particolare da qui: http://blog.jaimon.co.uk/datascroller/fxHeader_0.6.html
modificandolo in questo modo:
mentre questo è il file js "fxHeader_0.6.js": http://blog.jaimon.co.uk/datascroller/fxHeader_0.6.jscodice:<head> body, .mt { padding:0px; font-family: Verdana,Arial,Geneva,Helvetica,sans-serif; font-size: 12px; } body { margin:5px; } p{ margin:30px 0px 30px 0px; } table.mt { border: 0px solid #DDD; border-spacing:0px; border-style: solid; border-color: #cfcfcf; border-collapse: collapse; background-color: transparent; } th { width: 100px padding: 1px; background-color: #afafaf; text-align:left; border: 1px solid #DDD; background: repeat-x scroll 50% 50% #F6F6F6; font-weight: bold; color: #0073EA; } td { border-width: 1px; padding: 1px; border-style: solid; border-color: #cfcfcf; text-align: left;vertical-align:middle; } .frc { background: #efefef; } div.div_mio{ font-family: Verdana,Arial,Geneva,Helvetica,sans-serif; font-size: 12px; border-style: hidden; } </style> </head> <body> <form action="#"> <div style="float:left;width:410px;"> <table id="dataTable2" width="400" class="mt"> <tr><th>Luogo</th><th>Lunedi 1</th><th>Martedi 2</th><th>Mercoledi 3</th><th>Giovedi 4</th><th>Venerdi 5</th><th>Sabato 6</th><th>Domenica 7</th></tr> <tr><td class="frc">Luogo 2</td><td>Cell 2</td><td>Cell 3</td><td>Cell 4</td><td>Evento X</td><td>Cell 6</td><td>Cell 7</td><td>Cell 8</td></tr> <tr><td class="frc">Luogo 4</td><td>Cell 2</td><td>Cell 3</td><td>Cell 4</td><td>Cell5WithSomeLongContent</td><td>Cell 6</td><td>Cell 7</td><td>Cell 8</td></tr> <tr><td class="frc">Luogo 5</td><td>Cell 2</td><td>Cell 3</td><td>Cell 4</td><td>Cell5WithSomeLongContent</td><td>Cell 6</td><td>Cell 7</td><td>Cell 8</td></tr> <tr><td class="frc">Luogo 6</td><td>asdas</td><td>Cell 3</td><td>Cell 4</td><td>Cell5WithSomeLongContent</td><td>Cell 6</td><td>Cell 7</td><td>Cell 8</td></tr> <tr><td class="frc">Luogo 7</td><td>Cell 2</td><td>Cell 3</td><td>Cell 4</td><td>Cell5WithSomeLongContent</td><td>Cell 6</td><td>Cell 7</td><td>Cell 8</td></tr> <tr><td class="frc">Luogo 8</td><td>Cell 2</td><td>Cell 3</td><td>Cell 4</td><td>Cell5WithSomeLongContent</td><td>Cell 6</td><td>Cell 7</td><td>Cell 8</td></tr> <tr><td class="frc">Luogo 10</td><td>Cell 2</td><td>Cell 3</td><td>Cell 4</td><td>Cell5WithSomeLongContent</td><td>Cell 6</td><td>Cell 7</td><td>Cell 8</td></tr> <tr><td class="frc">Luogo 12</td><td>Cell 2</td><td>Cell 3</td><td>Cell 4</td><td>Cell5WithSomeLongContent</td><td>Cell 6</td><td>Cell 7</td><td>Cell 8</td></tr> <tr><td class="frc">Luogo 13</td><td>Cell 2</td><td>Cell 3</td><td>Cell 4</td><td>Cell5WithSomeLongContent</td><td>Cell 6</td><td>Cell 7</td><td>Cell 8</td></tr> <tr><td class="frc">Luogo 14</td><td>Cell 2</td><td>Cell 3</td><td>Cell 4</td><td>Cell5WithSomeLongContent</td><td>Cell 6</td><td>Cell 7</td><td>Cell 8</td></tr> <tr><td class="frc">Luogo 15</td><td>Cell 2</td><td>Cell 3</td><td>Cell 4</td><td>Cell5WithSomeLongContent</td><td>Cell 6</td><td>Cell 7</td><td>Cell 8</td></tr> <tr><td class="frc">Luogo 16</td><td>Cell 2</td><td>Cell 3</td><td>Cell 4</td><td>Cell5WithSomeLongContent</td><td>Cell 6</td><td>Cell 7</td><td>Cell 8</td></tr> </table> </div> </form> <script type="text/javascript" src="tab2_files/fxHeader.js"></script> <script type="text/javascript"> fxheaderInit('dataTable2',200,1,1); fxheader(); </script> </body> </html>
il problema è che non riesco ad allargare le celle della tabella per evitare che il testo contenuto non vada a capo. Mi aiutate per favore?![]()

Rispondi quotando