Materialize CSS Table

In Materialize CSS, you can display different types of tables using various styles. Following is a list of various styles:

IndexClass nameDescription
1)noneIt is used to represent a basic table without any border.
2)strippedIt is used to display a stripped table.
3)borderedIt is used to draw a table with a border across rows.
4)highlightIt is used to draw a highlighted table.
5)centeredIt is used to draw a table with all the text center aligned in the table.
6)responsive-tableIt is used to draw a responsive table to show a horizontal scrollbar, if the screen is too small to display the content.

Example

Let's take an example to demonstrate different types of tables in Materialize CSS. This example contains simple table, stripped table, centered table and responsive table.

Test it Now




Latest Courses