![]() ProFundCom has developed a Zoom function that allows the tables to be zoomed in and out based on the device that they are being viewed on. Resize the browser window to see the effect:īare bones example: First Name Last Name Job Title James Matman Chief Sandwich Eater The Tick Crimefighter Sorta Responsive Table with a horizontal scrollĪ responsive table will display a horizontal scroll bar if the screen is too small to display the full content. But it is almost too simple an approach so most will try other more complex approached. This will probably save you the most time as mobile devices are incredibly good at resizing images. These are just a few potential solutions to the problem to data tables on small screens. NOTE This property is not supported by many browsers so do not rely. The following example shows the difference between these properties. This property can have one of the three values: fixed, auto or inherit. ![]() In this article we look are some of the best practices we have found. The table-layout property is supposed to help you control how a browser should render or lay out a table. Or you can zoom into the point of readability, but browsing the table will require both vertical and (sad face) horizontal scrolling. So what happens when a screen is narrower than the minimum width of a data table? You can zoom out and see the whole table, but the text size will be too small to read. Responsive design is all about adjusting designs to accommodate screens of different sizes. Tables can flex in width, but they can only get so narrow before they start wrapping cells contents uncomfortably or just plain can’t get any narrower. A single row of data needs to be kept together to make any sense in a table. Especially in fund marketing, data tables can be quite wide, and necessarily so. Since the emails are designed on desktops, sometimes the readability on mobile screens is an afterthought. One of the hardest things to do when creating an email with data laid out in tables is how to make the contents readable on mobile and tablet screens.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |