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.
Test it Now
|