beautypg.com

Nest tables, Sort tables, Using jquery ui widgets in dreamweaver – Adobe Dreamweaver CC 2015 User Manual

Page 188

background image

181

Layout and design

Last updated 6/3/2015

Nest tables

A nested table is a table inside a cell of another table. You can format a nested table as you would any other table;
however, its width is limited by the width of the cell in which it appears.

1

Click in a cell of the existing table.

2

Select Insert > Table, set the Insert Table options, and click OK.

Sort tables

You can sort the rows of a table based on the contents of a single column. You can also perform a more complicated
table sort based on the contents of two columns.

You cannot sort tables that contain colspan or rowspan attributes—that is, tables that contain merged cells.

1

Select the table or click in any cell.

2

Select Commands > Sort Table, set the options in the dialog box, and click OK.

Sort By

Determines which column’s values will be used to sort the table’s rows.

Order

Determines whether to sort the column alphabetically or numerically, and whether to sort it in ascending

order (A to Z, lower numbers to higher numbers) or descending order.

When the contents of a column are numbers, select Numerically. An alphabetic sort applied to a list of one- and two-
digit numbers results in the numbers being sorted as if they were words (resulting in ordering such as 1, 10, 2, 20,
3, 30) rather than being sorted as numbers (resulting in ordering such as 1, 2, 3, 10, 20, 30).

Then By/Order

Determines the sorting order for a secondary sort on a different column. Specify the secondary-sort

column in the Then By pop-up menu, and the secondary sort order in the Order pop-up menus.

Sort Includes The First Row

Specifies that the first row of the table should be included in the sort. If the first row is

a heading that should not be moved, do not select this option.

Sort Header Rows

Specifies to sort all the rows in the table’s thead section (if any) using the same criteria as the body

rows. (Note that thead rows remain in the thead section and still appear at the top of the table even after sorting.)
For information about the thead tag, see the Reference panel (select Help > Reference).

Sort Footer Rows

Specifies to sort all the rows in the table’s tfoot section (if any) using the same criteria as the body

rows. (Note that tfoot rows remain in the tfoot section and still appear at the bottom of the table even after sorting.)
For information about the tfoot tag, see the Reference panel (select Help > Reference).

Keep All Row Colors The Same After The Sort Has Been Completed

Specifies that table row attributes (such as color)

should remain associated with the same content after the sort. If your table rows are formatted with two alternating
colors, do not select this option to ensure that the sorted table still has alternating-colored rows. If the row attributes
are specific to the content of each row, then select this option to ensure that those attributes remain associated with
the correct rows in the sorted table.

Using jQuery UI widgets in Dreamweaver

Spry widgets are replaced with jQuery widgets in Dreamweaver CC and later. While you can still modify existing spry
widgets on your page, you cannot add new spry widgets.

Widgets are small web applications written in languages such as DHTML and JavaScript that can be inserted and
executed within a web page. Among other things, web widgets help provide a way to replicate desktop experiences on
a web page.