Skip to main content
Sign In

University Web Services (UWS)

University Web Services, University of Colorado Denver

 

 
 
 

How to use and format tables

SharePoint 2010 Content Format Concepts


Tables

There are several ways to add a table to your content page:

  • Add a table from the ribbon
  • Add a table from the reusable content library
  • Write your table code directly in the HTML view

Tables can be placed in content areas on your pages: Page Content Local Navigation, Page Content Sidebar, or Page Content

Adding a Table from the Ribbon

  1. Navigate to the web page in your site where the table will be inserted.
  2. Select Edit Page from the Site Actions drop-down menu.
  3. Click your cursor in the appropriate content area on the page where you want to insert the table.
  4. Select the Editing Tools in the ribbon, click on Insert
  5. Select the Table button. You will see a drop-down menu that will allow you to choose the number of rows and cells for the table. Use your cursor by clicking and dragging over the grid to select the appropriate number of rows and cells.
    page content area
  6. Click on the lower right most cell in the insert table picker grid that you selected, and the table will be added to the page.
  7. A new Table Tools ribbon will appear that will allow you to configure the table. It will have sub tabs called Layout and Designtable ribbon tools
  8. You may now type directly in each table cell to add your content.
  9. NOTE: Use the Tab key on your keyboard to switch to the next cell or add a new row at the end of your table.

  10. You may edit the HTML source of the table by selecting the Format Text tab under Editing Tools on the ribbon. Select the HTML button and Edit HTML Source option.

    To apply style to your table, surround the table HTML code with the following <div> tag and HTML class of "contentTable".
    <div class="contentTable">table code goes here</div>
  11. When done making your changes, you are now ready to Save and Close, Check In, or Publish the page.
University of Colorado Denver

© The Regents of the University of Colorado, a body corporate. All rights reserved.

All trademarks are registered property of the University. Used by permission only.