99
Materialize CSS Table
In Materialize CSS, you can display different types of tables using various styles. Following is a list of various styles:
Index | Class name | Description |
---|---|---|
1) | none | It is used to represent a basic table without any border. |
2) | stripped | It is used to display a stripped table. |
3) | bordered | It is used to draw a table with a border across rows. |
4) | highlight | It is used to draw a highlighted table. |
5) | centered | It is used to draw a table with all the text center aligned in the table. |
6) | responsive-table | It 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.
Next TopicMaterialize CSS Typography