Las tablas son elementos importantes de la sociedad de desarrollo web. Si desea mostrar algunos datos, definitivamente necesitará tablas. Las tablas Spectre son iguales a las tablas HTML, aquí discutiremos las tablas Spectre Stripped.
Mesas Mesas despojadas Clase:
- table-stripped: esta clase se usa para hacer que la fila de la tabla (la impar) se elimine.
Sintaxis:
<table class="table table-stripped"> ..... </table>
Nota: Para eliminar la fila de la tabla, debe usar la clase de tabla antes de esta clase.
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title>SPECTRE CSS Buttons Class</title> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre.min.css"> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre-exp.min.css"> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre-icons.min.css"> </head> <body> <center> <h1 class="text-success">GeeksforGeeks</h1> <strong>SPECTRE Tables Stripped tables Class</strong> <br> <table class="table table-stripped"> <thead> <tr> <th>Name</th> <th>Technology</th> <th>Online Date</th> </tr> </thead> <tbody> <tr class="active"> <td>The fundamentals of Web</td> <td>HTML, CSS & JS</td> <td>14 feb 2022</td> </tr> <tr> <td>Design of Web</td> <td>Bootstrap & Tailwind</td> <td>14 June 2022</td> </tr> <tr> <td>Hard part of Web</td> <td>Node.js & HTTP</td> <td>14 Nov 2022</td> </tr> </tbody> </table> </center> </body> </html>
Producción:
Referencia: https://picturepan2.github.io/spectre/elements/tables.html#tables-stripped
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA