Skip Navigation
Search
Editing Tables
To use tables to display your content, you need to first make sure you are using your table to show data, not to create a layout.
Using Responsive Tables
To ensure your table works well on both mobile and desktop layouts, choose an option below.
I have an existing table that I need to make responsive.
If you have an existing table:
- Right-click on the table.
- Click on Table Properties.
- Look for the Class dropdown. Choose from Responsive Data Table, Responsive Data Table Light Header, Responsive Data Table Medium Header, Responsive Data Table Dark Header, Responsive Data Table White BG, or Responsive Data Table Grey BG.
- Save.
Here's a walkthrough (click image to restart tutorial):
If You are Creating a New Table:
- Click the Insert Snippet button.
- Search for table.
- Insert the Responsive Data Table snippet.
- Enter your data, adjusting your rows and columns as needed. Remember, you can right-click and use the Table actions to add or remove rows and columns!
- To customize the Responsive Data Table, right click on the table.
- Click on Table Properties.
- Look for the Class dropdown. Choose from Responsive Data Table, Responsive Data Table Light Header, Responsive Data Table Medium Header, Responsive Data Table Dark Header, Responsive Data Table White BG, or Responsive Data Table Grey BG.
- Save.
Here's a walkthrough(click animation below to restart tutorial):
-
See pagesconfiguration & navigation
-
See pagescreating & editing pages
-
See pagesfile basics
-
See pagesimages & media
-
See pagesother resources
-
See pagesshared content
-
See pagesthe ou campus interface
-
See pagesthe toolbar
-
See pagesconfiguration & navigation
-
See pagescreating & editing pages
-
See pagesfile basics
-
See pagesimages & media
-
See pagesother resources
-
See pagesshared content
-
See pagesthe ou campus interface
-
See pagesthe toolbar
Stony Brook UniversityOffice of Communications and MarketingStony Brook, NY 11794-0605