Skip to content
Related Articles

Related Articles

Spectre Tables Stripped tables

View Discussion
Improve Article
Save Article
  • Last Updated : 04 Feb, 2022
View Discussion
Improve Article
Save Article

Tables are important elements of web development society. If you want to display some data then you will definitely require tables. Spectre tables are the same as HTML tables, here we will discuss the Spectre Stripped tables.

Tables Stripped tables Class:

  • table-stripped: This class is used to make the table row(odd one) stripped.

Syntax: 

<table class="table table-stripped">
  .....
</table>

Note: To make the table row stripped you must use the table class before this class.

Example:

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>SPECTRE CSS Buttons Class</title>
    <link rel="stylesheet" href=
    <link rel="stylesheet" href=
    <link rel="stylesheet" href=
</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>

Output:

Spectre Tables Striped tables

Reference: https://picturepan2.github.io/spectre/elements/tables.html#tables-stripped


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!