Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Table not responsive #1504

Closed
adiramardiani opened this issue Aug 30, 2015 · 4 comments
Closed

Table not responsive #1504

adiramardiani opened this issue Aug 30, 2015 · 4 comments

Comments

@adiramardiani
Copy link

I check table for small device is not responsive

@Garbee
Copy link
Collaborator

Garbee commented Aug 30, 2015

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.

@Garbee Garbee closed this as completed Aug 30, 2015
@KristerV
Copy link

KristerV commented Dec 2, 2015

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

@ronnieroyston
Copy link

Here's how it's done.

Responsive Material Design Lite, MDL, Table

The secret sauce is table-layout:fixed;

@rohanshenoy96
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants