You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Please add data attributes to all tables (everywhere where HTML tables are rendered, escpecially the <td> data attribute element (e.g., data-label="<column name>"). Responsive tables could then be fairly easy to implement using only CSS.
Simplest example
@media screen and (max-width:800px) {
tablethead {
visibility: hidden;
}
tabletr,tabletd {
display: block;
}
tabletd::before {
content:attr(data-label)': '; /* Cool what we can do today! */float: left;
}
}
I tested the above from space-style and it works, except that there is no data attribute to be used now, so the attribute hack has of course no effect. I'd really like to see this minor change implemented. It will make life on mobile easier.
The text was updated successfully, but these errors were encountered:
Please add data attributes to all tables (everywhere where HTML tables are rendered, escpecially the
<td>
data attribute element (e.g.,data-label="<column name>"
). Responsive tables could then be fairly easy to implement using only CSS.Simplest example
I tested the above from
space-style
and it works, except that there is no data attribute to be used now, so the attribute hack has of course no effect. I'd really like to see this minor change implemented. It will make life on mobile easier.The text was updated successfully, but these errors were encountered: