Tables structure sets of data in a readable way. This guide explains how to use them.
Tables can have colors for the header and footer separators: black, red, and grey. If necessary, use a “zebra pattern” for the rows to make the table easier to read.
Mobile tables need to be adjusted to the viewport, therefore tables can have various layouts. They can be split up by rows and placed underneath each other or can be horizontally scrollable. Use whichever fits your needs.