W3.CSSLesson 30Free preview

W3.CSS Tables

This lesson is part of W3.CSS · All levels

Summary

Tables are used for linear data such as user lists, price reports, or schedules. W3.CSS provides a class w3-table as the basis and a w3-table-all that directly gives a line to each cell, plus a linear and a linear variant. To stay comfortable on your phone, wrap the table with w3-responsive so that it can be rolled sideways.

Key points

W3-table prepares a neat table view base
W3-table-all adds edge lines to the entire cell
W3-striped giving alternating colors between lines
W3-bordered and w3-hoverable enhance data readability
W3-responsive makes tables can be rotated horizontally on a narrow screen

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.