search

americanhandelsociety / americanhandelsociety-members

0 stars 0 forks source link

Tables are not reliably responsive #164

Open reginafcompton opened 1 year ago

reginafcompton commented 1 year ago

The Awards table "hacks" responsiveness: hiding the "Affiliation" column for small screens.

This hack does not fully resolve small screen issues, as the table still spills over the div container:

Screenshot 2023-04-07 at 9 38 38 AM

I suspect this happens because the table cells have lots of text, and this forces margin:auto to do something weird.

Thoughts for responsiveness:

  1. Is this helpful? https://datatables.net/extensions/responsive/
  2. Make the long text into an ellipse...
  3. Remove the year column for small screens. (This would be the quickest fix, but not ideal.)