Search

Responsive Tables

Tabular data is best displayed in HTML tables, but sometimes large tables do not fit on small screens making the table information unreadable. Suitcase Interim makes tables responsive so the layout of the tables adapt to small screens.

View a responsive table demo.

How?

When content creators add tables to their pages, news articles, or other types of content, Suitcase Interim automatically detects the table and makes it responsive. 

Join us for lunch

Friday, August 4, 2017 - 11:30am

Join the BIT team for lunch!
This is a standing collaboration opportunity every other Friday for those who are able to attend.

Essentially, this is an informal gathering to discuss the Luggage platform.
If you ever have a location idea, specific agenda item or any questions, please send them to websupport@iastate.edu.

Please RSVP to websupport@iastate.edu so that we know how big of table to get.

Event Type: 

Accessible Web Development

Friday, March 24, 2017 - 1:00pm

Workshop presentation and discussion led by Ann Greazel, Sarah Carney and Angela McMahon. The presentation included a live Zoom session with Dr. Zayira Jordan. The audience for this event was mainly ISU website content editors and web developers on campus. 

The topic was covered how the BIT web development team raised awareness for accessibility requirements, implemented the requirements, and made part of development. It also includes how Jira is being used to document testing and WCAG 2.0 web accessibility standards.

Event Type: 

Table Examples

Table without headers

banana cucumber
apple green bean
orange squash

 


Table with top row header

Fruit Vegetable
banana cucumber
apple green bean
orange squash

 

Luggage Feature Examples

Note: For an overview of the many sites using Luggage, click the Showcase menu.

Below is a list of the various features available in the Luggage platform, with a few website examples for each.

Tables

How to create a table on your website


The next button in the top bar is the table creation button. This button allows you to create tables to organize data so that it is more readable for users. Here is where the table button is located:

Screenshot of the WYSIWYG text editor table creator/editor

Pages