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:
Reference: https://picturepan2.github.io/spectre/elements/tables.html#tables-stripped