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:
codice:
<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>
mentre questo è il file js "fxHeader_0.6.js": http://blog.jaimon.co.uk/datascroller/fxHeader_0.6.js
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?