Web Office
Web Office Home

How To's

Working with Tables

Sometimes you may need to put information on your website in a tabular format to show data or to organize information in a certain way. Tables can be used to do this. Follow these simple instructions to learn how to use tables to lay out information your website using MS Sharepoint Designer.

1. Open File
In MS Sharepoint Designer, open the file you'd like to organize your content. This example uses a test events page and will contain a table listed upcoming events.

table

2. Create Table
Place your cursor at the location where you want to put your information. In this example, I'll be putting event information. Then, click the table icon and select how many columns and rows you want. In this example I want 3 rows and 2 columns (one column for an event's name and one column for an event's date)

table

table

3. Enter Content
Now that the table is created, you can enter in content. You can place an image in each cell to create a gallery of photos. In this case, I'm going to enter the table headings and some events.

table

4. Change Background Color (optional)
You may want to change the background color of cells / rows in your table to make it easier to read information. In this example I'm going to change the background color of the first row. To do this, highlight the row, right click and click Cell Properties.

table

You will then see the Cell Properties box where can select a color for the background of the row you select.

table

Here's how my table looks now.

table

5. Change Table Width (optional)
By default, the width of your table spans the full width of your web page. You can reduce the width of your table to eliminate whitespace. To do this, put your cursor or mouse on the table, right click and click Table Properties.

table

Then uncheck the checkbox next to "Specify width:" and click OK.

table

Here's how my table looks now.

table

6. Save Your Changes / Upload to The Web
Click File > Save to save your changes.

file save

If you're editing your files directly on the web, your changes are instantly shown online.

If you're editing your files locally, you'll need to upload your files to the web for the public to see the changes.

To learn more about putting your files on the web, see our tutorials.

 
    Phone: (510) 723-6600 | Last updated on 9/29/2016