W3.CSS Tables:-
किसी भी डेटा को tabular form में दिखाने के लिए w3.css में w3-table class का उपयोग किया जाता है इसका उपयोग विभिन्न styles का उपयोग करके विभिन्न प्रकार की tables को प्रदर्शित करने के लिए किया जा सकता है
W3.CSS, table के लिए निम्नलिखित class प्रदान करता है:
W3.CSS Tables:-
The table was the most primary layout element. Web-pages consisted of hundreds of nested tables. Tables are still widely in used. If you want to show data in tabular form, table is still the key element. It can be used to display different types of tables using various styles over w3-table.
W3.CSS provides the following classes for tables:
|
Sr. No |
Class |
Defines |
||
|
1 |
w3-table |
Container for an HTML table |
||
|
2 |
w3-striped |
Striped table |
||
|
3 |
w3-border |
Bordered table |
||
|
4 |
w3-bordered |
|
||
|
5 |
w3-centered |
Centered table content |
||
|
6 |
w3-hoverable |
Hoverable table |
||
|
7 |
w3-table-all |
All properties set |
Assignments:-
- Create Colored table
- Create Hoverable Tables
- Create Tables as Card
- Create Responsive Table