Skip to main content

TERMINALFOUR (T4) Tip 13: Styling Tables

Intended Audience:

CONTRIBUTORS

TIP: You can style your tables four different ways.

EXPLANATION: You can use any one of the four table styling options that are a part of your template and/or pages. To explore the different options, follow the directions in the graphic and use one of the following classes:

  1. Unstyled Table – do not declare a table class
    LIVE EXAMPLE: FRED.IFAS
  2. Purple Lines Table – use HTML Code: <table class=”purple-lines-table”>
    LIVE EXAMPLE: GCREC.IFAS.UFL.EDU
  3. Purple Lines Table with alternating row colors – use HTML Code: <table class=”purple-lines-table alt-rows”>
    LIVE EXAMPLE: PLANTPATH.IFAS.UFL.EDU
  4. Social Media Table – use HTML Code: <table class=”social-media-table”>
    LIVE EXAMPLE: FYCS.IFAS.UFL.EDU