Skip to main content

Drupal Enhancement - Table Structure

DEPARTMENT(S): 
November 2, 2020

Marketing is always looking for ways to improve the user experience on wpi.edu and one of the recent projects was fixing the way you view tables on mobile devices. We noticed that tables were not displaying properly on mobile screens, so we changed it to permit horizontal scrolling.

In efforts to fix this, we made it so that users can scroll through the table horizontally instead of changing how they are currently laid out. Below are examples of how the tables looked before and after the code change. 

In the before picture, the content is being stacked on smaller screens making it difficult to associate the deadlines with the appropriate dates. In the after picture, you can see that the content can be viewed by scrolling left to right and is easily readable.

If you come across any instances where a table isn't displaying properly, please submit a ticket to CMShelp@wpi.edu.