Skip to Content Skip to Navigation

Tables

Printable Version

Updated: 4/10/2024

Three Table Choices

#1 Basic Table

  1. Login to the page to be edited
  2. Click Edit

    Image showing theEdit bar

  3. Click the green buttons to edit (the button may look different but they all have a pencil icon similar to the ones below)

    Left Column Content Green Column Content Sidebar Content
    Full Width Content Right Column Content Region 1
  4. This table can be used as a container for images, text, etc.
  5. Click the Table iconImage showing Table icon
  6. Hover over Table and select required rows and columns

    Image showing Add table

  7. Save Table

    Image showing Save table

  8. Add images and/or text to table cells

    Image showing Basic table

  9. Preview Basic Table

    Image showing Preview basic table

  10. Formatting Basic Table
    1. Right click in table
    2. Click Table properties

      Image showing Table Properties

      1. Edit Table Properties

        Image showing Table Properties width

      2. Edit Advanced Properties

        Image showing Advanced properties

  11. Preview Basic Table

    Image showing Preview basic table with border

  12. Edit Cell properties
    1. Right click in Table cell
    2. Hover over Cell
    3. Click Cell properties

      Image showing Cell Properties

    4. Change Cell type to Header cell

      Image showing Header Cell

    5. Preview Basic Table Header

      Image showing Basic Table Header

  13. Merge Header cells
    1. Highlight cells to be merged

      Image showing Merge Header Cells

    2. Right click in cell and select Cell
    3. Select Merge cells

      Image showing Select Merge cells

  14. Save Basic Table
  15. Preview Basic Table

    Image showing Preview Basic Table merged header

# 2 Basic Table with Style

  1. Hover over Table and select the rows and columns you require

    Image showing Add table

  2. Save Basic Table with Style
  3. Formatting Basic Table with Style
    1. Right click in Table
    2. Click Table properties
    3. Edit Table properties

      Image showing Table properties

      1. Change Class to (custom)
      2. Enter gcsc-table to Custom Class

        Image showing Custom gcsc-table

      3. Preview Basic Table with Style

        Image showing Basic table with style

      4. Save Basic Table with Style
    4. Edit Cell properties
      1. Right click in Table cell
      2. Click Cell properties

        Image showing Style cell properties

      3. Change Cell type from Cell to Header cell

        Image showing Cell type

      4. Save Basic Table with Style

        Image showing Save basic table with style

      5. Preview Basic Table Cell with Style

        Image showing Preview Basic Table Cell with Style

    5. Merge Header cells
      1. Select cells to be merged

        Image showing Select cells to be merged

      2. Right click in cell and select Cell
      3. Select Merge cells

        Image showing Select Merged cells

    6. Save Basic Table with Style
    7. Preview Basic Table with Style

      Image showing Preview Basic Table with style

# 3 Snippet

*Table 1-5 Columns
  1. Click Snippet icon

    Image showing Snippet icon

  2. Select Table columns 1-5

    Image showing Table column 1-5

  3. Enter Required fields (must add text to header cells)

    Image showing Required fields

    1. Section Heading (optional)
    2. Heading 1-5 (required)
    3. Info 1-5 (required)
  4. Save 1-5 Column Table
  5. Preview 1-5 Column Table

    Image showing Preview Snippet Table

* Table cells cannot be merged

Gulf Coast State College does not discriminate against any person in its programs, activities, policies or procedures on the basis of race, ethnicity, color, national origin, marital status, religion, age, gender, sex, pregnancy, sexual orientation, gender identity, genetic information, disability, or veteran status. All questions or inquiries regarding compliance with laws relating to non-discrimination and all complaints regarding sexual misconduct or discrimination, may be directed to Lee Wood, Executive Director, Human Resources/Title II/504/Title IX Coordinator and Employment Equity Officer, Gulf Coast State College, 5230 W. US Highway 98, Panama City, FL 32401.