Material-design-lite: Table not responsive

Created on 30 Aug 2015  路  4Comments  路  Source: google/material-design-lite

I check table for small device is not responsive

Most helpful comment

Here's how it's done.

Responsive Material Design Lite, MDL, Table

The secret sauce is table-layout:fixed;

All 4 comments

The data table spec has no guidance for mobile tables. Doing responsive tables is very difficult and there are numerous possible ways to handle it.

If you need responsive data tables, then you need to implement it yourself at the moment.

as this is the third result in google, I though I'd list some links:

Here's how it's done.

Responsive Material Design Lite, MDL, Table

The secret sauce is table-layout:fixed;

Here's how it's done.

Responsive Material Design Lite, MDL, Table

The secret sauce is table-layout:fixed;

This works fine if number are column are very less. Even in this the data can overlap sometimes. A better solution will be one that gives a horizontal scroll to the material table.

Was this page helpful?
0 / 5 - 0 ratings