GitForAll
menu
Guía
Proyectos
Acerca de
Guía
Proyectos
Acerca de
Materializa/tabla.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Materialize-Tablas</title> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link rel="stylesheet" href="css/materialize.min.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> </head> <body> <!--basico--> <table> <thead> <tr> <th>Producto</th> <th>Stock</th> <th>Precio</th> </tr> </thead> <tbody> <tr> <td>Laptops</td> <td>10 unidades</td> <td>$800.00</td> </tr> <tr> <td>Impresoras</td> <td>15 unidades</td> <td>$250.00</td> </tr> <tr> <td>Teclados</td> <td>35 unidades</td> <td>$15.00</td> </tr> </tbody> </table> <!--segundo ejemplo con franjas--> <table class="striped"> <thead> <tr> <th>Producto</th> <th>Stock</th> <th>Precio</th> </tr> </thead> <tbody> <tr> <td>Laptops</td> <td>10 unidades</td> <td>$800.00</td> </tr> <tr> <td>Impresoras</td> <td>15 unidades</td> <td>$250.00</td> </tr> <tr> <td>Teclados</td> <td>35 unidades</td> <td>$15.00</td> </tr> </tbody> </table> <!--contenido centrado--> <table class="centered"> <thead> <tr> <th>Producto</th> <th>Stock</th> <th>Precio</th> </tr> </thead> <tbody> <tr> <td>Laptops</td> <td>10 unidades</td> <td>$800.00</td> </tr> <tr> <td>Impresoras</td> <td>15 unidades</td> <td>$250.00</td> </tr> <tr> <td>Teclados</td> <td>35 unidades</td> <td>$15.00</td> </tr> </tbody> </table> <!--contenido con franja y centrado--> <table class="striped centered"> <thead> <tr> <th>Producto</th> <th>Stock</th> <th>Precio</th> </tr> </thead> <tbody> <tr> <td>Laptops</td> <td>10 unidades</td> <td>$800.00</td> </tr> <tr> <td>Impresoras</td> <td>15 unidades</td> <td>$250.00</td> </tr> <tr> <td>Teclados</td> <td>35 unidades</td> <td>$15.00</td> </tr> </tbody> </table> <script type="text/javascript" src="js/materialize.min.js"></script> </body> </html>
Regresar