Splitting and Merging Cells Split a Cell into Two Cells Open the Web page with the table you want to modify.. When formatting tables, you can set properties for the entire table or for
Trang 1Cells can also be split or combined (also known as merged) Often there is more to modifying a table than adding or deleting rows or columns; you need to make cells just the right size to accommodate the text you are entering in the table For example, a title in the first row of
a table might be longer than the first cell in that row To spread the title across the top of the table, you can merge (combine) the cells to form one long cell Sometimes to indicate a division in a topic, you need to split (or divide) a cell into two
Splitting and Merging
Cells
Split a Cell into Two Cells
Open the Web page with the table
you want to modify
Select the cell or cells you want to
split
Click the Split Cell button in the
expanded Properties panel
◆ You can also click the Modify
menu, point to Table, and then
click Split Cell.
Click the Columns or Rows option.
Type the number of columns or
rows you want
Click OK.
Merge Cells Together
Open the Web page with the table
you want to modify
Click a column, row, or group of
adjacent cells, and then drag to
select them
Click the Merge Cells button in the
expanded Properties panel
◆ You can also click the Modify
3
2
1
6
5
4
3
2
3
4
5 6
1
Trang 2Sorting Table Data
Sort Table Data
Open the Web page with the
layout table you want to modify
Select the table or click in any
table cell
Click the Commands menu, and
then click Sort Table.
Specify the following options:
◆ Sort By Select the sort option
◆ Order Select the sort order
(Alphabetically or
Numeric-ally), and then select the
direction (Ascending or
Descending)
◆ Then By/Order Specify a
secondary sort
◆ Sort Includes The First Row
Select to include the first row
in the sort
◆ Sort Header Rows Select to
sort the header rows
◆ Sort Footer Rows Select to sort
footer rows
◆ Keep All Row Colors The Same
After The Sort Has Been
Completed Select to keep all
row colors the same after the
sort has been completed
Click OK.
5
4
3
2
1
If you have a table without merged cells you can sort the rows of a table based on one or more columns You can table information by ascending order from A to Z, earliest to latest, or lowest to highest, or
by descending order from Z to A, latest to earliest, or highest to lowest
In addition, you can set sort options to include the first row and header and footer rows, and keep all row colors the same after the sort has been completed
4
5
Trang 3When you create a table, it's not just about what you place into the individual table cells; it's how you format the table and the individual cells When formatting tables, you can set properties for the entire table or for individual rows, columns, or cells in the table You can set table properties to specify the number of rows and columns you want
as well as the number of pixels between cells, either CellPad or CellSpace When a property is set to one value for the whole table and another value for individual cells, cell formatting takes precedence over row formatting, which in turn takes precedence over table format-ting For example, if you set the alignment for a single cell to center align, then set the alignment of the entire table to left align, the center align cell does not change to left align, since cell formatting takes precedence over table formatting It's all about priority
Changing Table
Properties
Change Table Properties
Open the Web page with the table
you want to format
Select the table you want to
change
In the Properties panel, modify the
table using the following options:
◆ Table ID Enter an ID for the
table (used when calling from
JavaScript)
◆ Rows Sets the number of rows
in the selected table Click to
enter a new value
◆ Cols Sets the number of
columns in the selected table
Click to enter a new value
◆ CellPad Sets the number of
pixels between a cell's content
and the cell boundaries
◆ CellSpace Sets the number of
pixels between adjacent table
cells
◆ Align Determines where the
table appears, relative to other
elements in the same
3
2
1
3
Trang 4◆ Border Sets the number of
pixels for the border of the
table Click to enter a new
value
◆ Class Used with CSS
(Cascading Style Sheets) to
help define the properties of
the table In this example, leave
the box at None
◆ Clear Column Widths and Clear
Row Heights Deletes all
specified row height or column
width values from the table
◆ Convert Table Widths To Pixels
and Convert Table Heights To
Pixels Sets the width or height
of each column in the table to
its current width in pixels (also
sets the width of the whole
table to its current width in
pixels)
◆ Convert Table Widths To
Percent and Convert Table
Heights To Percent Sets the
width or height of each column
in the table to its current width
expressed as a percentage of
the Document window's width
◆ Bi Color Sets the table's
background color
◆ Brdr Color Sets the color for
the table's borders
◆ Bi Image Specifies the source
and path to a table background
image You can click the
Browse For File or Point To File
button to select the file
3
Trang 5Changing Cell, Row, or
Column Properties
Change Cell, Row, or Column
Properties
Open the Web page with the table
you want to format
Select the cells, rows, or columns
you want to change
In the Properties panel, modify the
selection using the following
options:
◆ Horz Click to change the
default (left) horizontal
placement of items placed
within the cell (Left, Center,
Right)
◆ Vert Click to change the
default (middle) vertical
placement of items placed
within the cell (Default, Top,
Middle, Bottom, Baseline)
◆ W & H Enter a value for the
width and height of selected
cells in pixels, or as a
percentage of the entire table's
width or height To specify a
percentage, follow the value
with a percent symbol (%)
NOTE To let the browser
determine the proper width or
3
2
1
Cells can contain colors or image backgrounds, and when placing text and graphics, you decide how the information appears within the table cells; however, there is a priority to how the cells are formatted When
a property, such as background color or alignment, is set to one value for the whole table and another value for individual cells, cell format-ting takes precedence over row formatformat-ting, which in turn takes prece-dence over table formatting It's all about priority For example, if you set the background color for a single cell to green, then set the back-ground color of the entire table to blue, the green cell does not change
to blue, since cell formatting takes precedence over table formatting
3
Trang 6◆No Wrap Select if you do not
want text to wrap between the
left and right borders of the
selected cell
◆ Header Select to format the
selected cells as table header
cells The contents of table
header cells are bold and
centered by default
◆ Bi Image Enter the filename for
the background image You can
click the Browse For File or
Point To File button to select
the file
◆ Bi Color Click to choose a
background color for the
selected cells (background
color is independent of text
color)
◆ Brdr Color Click to choose a
border color for the selected
cells
◆ Merge Cells Click to combine
selected cells, rows, or
columns into one cell
NOTE Merging cells can only be
accomplished if they form a
rectangular or linear block
◆ Split Cells Click to divide a
cell, creating two or more cells
This option is disabled if you
have more than one cell
selected
3
Merge Cells button Split Cell button