[Pro] Responsive table

Can a table be made responsive?

Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:

That depends a lot on what you mean by responsive. You can make a table resize depending on the size of its container. Set the table to 100% width, and put it inline within an HTML box. Whatever width that HTML box comes to (depending on breakpoints, or just setting that box to a percentage-of-the-page width) will be the widest that table can be, and the columns will resize themselves to suit. Browsers just do that part for free.

Truly responsive tables (by which I mean tables that are designed to thoroughly respond to the viewport) may even stop appearing as tables at extra-small viewport sizes. Instead of a layout like this:

name | rank | serial number
-------±----------±------------
Bob | Corporal | 12345
Susan | Major | 23456
Hakim | General | 34567

They may decompose into what looks like a key-value list at really narrow screen dimensions:

  • Name: Bob
  • Rank: Corporal
  • Serial number: 12345
  • etc.

That sort of thing takes a lot of careful planning, and usually a lot of hand-coding to go with. You can get a lot of mileage out of the far simpler flexible table layout, as long as you don’t expect miracles.

Walter

On Oct 20, 2018, at 8:15 PM, jcichy email@hidden wrote:

Can a table be made responsive?

Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
Information for existing FreewayTalk / Groups.io users - Site Feedback - Softpress Talk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

This is the solution I found useful for a recent project that needed a responsive table. You’d need to learn how to dissect the example and put back into a Freeway page with a combination of inserts and hard coding.

On 21 Oct 2018, at 01:15, jcichy email@hidden wrote:

Can a table be made responsive?

Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
Information for existing FreewayTalk / Groups.io users - Site Feedback - Softpress Talk

David Owen { Freeway Friendly Web hosting and Domains }

http://www.ineedwebhosting.co.uk | http://www.PrintlineAdvertising.co.uk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options