Tutorialsplane

Material Design Lite Table full Width


Material Design Lite Table full Width 100% : You can add custom class to make the table fullscreen ie. full width. Here in this tutorial we are going to explain how to make material design lite tables full width using custom class css.


Material Design Lite Table full Width 100% Example

You can create custom class and add the following css to make material design tables full width 100% as in the below example-

Material Design Lite Table Width 100%: Example


Name Country
John Dee USA
Kelly UK
Janvi IN

Try it »

In the above example we have created custom class and added css width:100%; to make the table full width 100%. If you run the above example it will produce the output something like this-

If want to check for different screen size run demo in fullscreen mode.

MDL - Faq