Apr
08
24
Estilo a tus tablas con Tablecloth
Por: DarkPaladin
Aqui les traigo una nueva forma de aplicar estilo a tus tablas. Vean el ejemplo (pasen el raton por encima o hagan click):
| Title | Title | Title | Title |
|---|---|---|---|
| Data | Data | Data | Data |
| Data | Data | Data | Data |
| Data | Data | Data | Data |
Para esto solo necesitan una tabla normal como esta
HTML:
-
<table cellspacing="0" cellpadding="0">
-
<th>Title</th>
-
<th>Title</th>
-
<th>Title</th>
-
<th>Title</th>
-
</tr>
-
<td>Data</td>
-
<td>Data</td>
-
<td>Data</td>
-
<td>Data</td>
-
</tr>
-
<td>Data</td>
-
<td>Data</td>
-
<td>Data</td>
-
<td>Data</td>
-
</tr>
-
<td>Data</td>
-
<td>Data</td>
-
<td>Data</td>
-
<td>Data</td>
-
</tr>
-
</table>
Luego descarguen este archivo, descomprimanlo y suban los archivos tablecloth.js y tablecloth.css.
y agreguen estas lineas dentro de las etiquetas < HEAD >< /HEAD >. Cambien "directorio" segun donde hayan subido los archivos.
HTML:
Y listo =D . Pueden modificar la apariencia en el archivo css, y en el archivo js pueden modificar las variables highlightCols, highlightRows y selectable poniendo false o true si quieren que se seleccionen las columnas, filas y que permanezcan selecionadas respectivamente
Aqui la pagina oficial
