Start learning today, and be successful in your academic & professional career. Start Today!

• ## Related Books

### Start Learning Now

Our free lessons will get you started (Adobe Flash® required).

### Membership Overview

• *Ask questions and get answers from the community and our teachers!
• Practice questions with step-by-step solutions.
• Track your course viewing progress.
• Learn at your own pace... anytime, anywhere!

### Modifying Rows & Columns

• Let's take a look at how to add additional rows or columns to a table on our page
• There are a couple of ways as always to do this
• Open table-play.html from an earlier lesson
• We will use the table widths feature to add a new column to the table
• Select a column in the table using the green table widths feature
• Choose add a new column on the right to the table
• Dreamweaver added a new column within the table
• We can delete a table row by selecting the tr tag or the various cells within a row
• Once selected, hit the delete key on your keyboard
• You can use shift to move forward in the table cell structure & shift-tab to move backwards

### Modifying Rows & Columns

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

• Intro 0:00
• Save Page 0:19
• Hiding Table Widths 0:23
• Modifying Rows and Columns 1:15
• Insert Column
• Moving through Cells 2:28
• Tabbing into New Row 3:08
• Deleting Rows 3:36
• Summary 4:31

### Transcription: Modifying Rows & Columns

We are now going to take a look at modifying rows and columns within a table.0000

I just finished merging these cells together to make two columns of data instead of five rows and two columns of data.0007

I'm going to go ahead and save my page.0019

Now, you can see, as long as I am in that table, this table width is showing.0023

If that starts to bother you, it is possible to turn that off, if I go to the View menu and go down to Visual Aids; that feature is this one right here, the Table Widths feature within Visual Aids in the View menu.0028

It is possible to turn it off; what I tend to do is just click outside the table, and that will also turn it off for the time being.0047

So, merging and splitting table cells...now, I am also going to copy this; I notice that I do not have a title here, so I'll drop that content into my Title area, so that I do have a proper title, and save the page.0056

Now, what we are going to do is: we are going to modify some rows in the table.0075

The idea is: what if I don't want a column, or I need to add another column of content to the table?0080

And one of the easiest ways to do that is to use this Table Widths feature.0088

Let's say I wanted another column; I have this content here--I wanted to put another column before this one.0094

I can click the down arrow up here, and notice, it says "Insert Column Left" or "Right"; so I'll insert left.0103

You can see, it definitely added another column on the left-hand side, because this one remained highlighted.0114

But because I have a table width of 900, when I added a new column, each of the columns shrank.0122

And if I had content in these columns, it would have also made the column smaller on that content.0130

So, just be aware: if you have a fixed width, and you go to add columns, it is going to change the width of every column within that table.0138

Now, what if I want to move around this table?0148

Well, if I put my cursor in a cell, and I tab, what that is going to do is move me from left to right around the table.0153

Shift+Tab moves me backwards in the table (just to give you a couple of additional shortcuts); keep in mind, there is a Dreamweaver shortcut sheet available to you within the course files, and that is a handy one to print out and have next to you when you are working in Dreamweaver.0163

You will become much more efficient if you start using a few of these little shortcuts.0183

Now, the other thing to watch, if you are tabbing around the table, is: it is possible...I have my cursor here: when I tab and I'm in the last cell in the last row, when I hit Tab, what it is going to do is add a new row.0188

I now have an extra row that I wasn't aware that I had.0206

So, it is pretty easy to do that accidentally; what I am going to do is take all of these rows here, and I am going to delete them; and I just simply hit the Delete key.0213

It is easier for you to see that another row is being added.0225

I'll put my cursor in the last row, hit Tab...and if I am not cautious when I get to that last one, a tab makes another row.0230

Now, that is a great feature or a not-so-great feature, depending upon if you want another row or not.0240

So, just keep in mind: when you get to the last cell in the last row and hit Tab, it makes another row; it does not move you back to the first cell in the table.0247

If I need to go backwards, what I am going to do is use Shift+Tab to do it; and that is the shortcut for moving backwards in the table (or, obviously, using your mouse).0258

Those are just a few other little tips for working with tables--ways to navigate the table, add columns or rows to your table, and, if I decided I wanted to add an extra row here, what I can do is go up to the Modify, Table, Insert Rows or Columns.0271

And now, I have a choice of putting it above or below, and I can also make it as many rows as I want.0294

Those are some of the different ways you can work with tables, modifying them as you need to, within Dreamweaver.0303