Website Support
Virtual Visit Request info Apply
MENUMENU
  • Resources
    • Publishing Help
      • Style Guide Index
      • Keyboard Shortcuts
      • Shortcodes
      • Web Writing Guide
    • Roles
      • Overview of Roles
      • Unit Web Coordinator
      • Site Steward
    • Policies & Procedures
  • Training
    • Training
      • How to become a WordPress user
      • Request a Sandbox Site
      • Sandbox requirements
      • Training schedule
    • Additional Training Opportunities
      • Siteimprove
      • UX/UI
  • About
    • News
    • Contact Us
  • FAQs
  • Submit a Support Request
  • IN
  • Web
  • Table Style Guide

Tables

  • Overview Tab Open

  • How-to Tab Closed

  • Importing tables Tab Closed

  • Troubleshooting Tab Closed

Overview Accordion Open

Consider using tables when…

  • your content can be displayed as rows and columns, similar to an excel sheet

Don’t use table when..

  • you have large paragraphs of content
  • you need to display images

How-to Accordion Closed

Create a new table

  1. Go to the TablePress feature on the left sidebar (if there is no TablePress on your site, contact the EASI Web Team)
  2. Select “Add New” tab at the top
  3. Enter your table name and the number of desired rows and columns, click “Add Table”
  4. In each cell, add your content
  5. Under “Features of the DataTables JavaScript library” deselect the first checkbox
  6. Click “Save Changes”

Add a table to a page

  1. In the page, click the table icon in the toolbar 
  2. Find your table, click “Insert Shortcode” 
  3. The shortcode for the table will then appear within your editor as such: [ table id=# /]
  4. To ensure that your table will work on different devices, we need to modify the shortcode. Add “responsive=scroll” right after your table id so it looks as such:
    [ table id=# responsive=scroll /]

Add links within a table

  1. While holding the Shift key, click within the cell you would like to link, this will open the Advanced Editor 
  2. Select the text you would like to link, in the top row of items select “link”
  3. Enter the URL, or search for a page within your site 
  4. Click “Add link” 
  5. Click “OK”

Importing tables Accordion Closed

Import an Excel sheet

  1. Go to the TablePress feature on the left sidebar (if there is no TablePress on your site, contact WCM Support)
  2. Select “Import Table” from the left sidebar under TablePress
  3. Upload the excel file
  4. Select one from “Add, Replace, or Append?”
  5. Select “Import”, this will take you to the editing screen for the table
  6. Under “Features of the DataTables JavaScript library” deselect the first checkbox 
  7. Click “Save Changes”

Import from URL

  1. Go to the TablePress feature on the left sidebar (if there is no TablePress on your site, contact WCM Support)
  2. Select “Import Table” from the left sidebar under TablePress
  3. Select “URL” for Import Source, enter your URL 
  4. Select one from “Add, Replace, or Append?”
  5. Select “Import”, this will take you to the editing screen for the table
  6. Under “Features of the DataTables JavaScript library” deselect the first checkbox  
  7. Click “Save Changes”

Troubleshooting Accordion Closed

My table has extra features, including a search bar at the top 

In the editing screen for that table, under “Features of the DataTables JavaScript library” deselect the first checkbox

The top row of my table does not appear nicely

Please contact the EASI Web Team.

Example

BusinessPhone numberURL
Google1-866-246-6453Google.com
FacebookN/AFacebook.com
Twitter415-222-9670Twitter.com
Yahoo1-855-515-5559Yahoo.com


Website support
Location
Building 54
Information Technology Services
1301 S. Knoles Drive
Flagstaff, AZ 86011
Mailing Address
PO Box 5100
Flagstaff, AZ 86011
Contact Form
Email
ask-its@nau.edu
Phone
928-523-3335