10. Click OK when you??™re done.
11. If your cursor is not within a Spry region, Dreamweaver asks if you??™d like to add one: click Yes.
Dreamweaver inserts the customized table, surrounded by a Spry region, if necessary (see Figure 18-12).
Each inserted table has with a header row for your column names and a detail row for the data; the header
row names are taken from the Spry data columns (with the first letter uppercased) and can be modified
easily in design view. Likewise, any additional styling may be applied.
FIGURE 18-12
The Spry Table inserts a basic table, with a great deal of Spry power coded for you.
Let??™s look under the hood at the code generated by the Spry Table object??”there??™s a lot to learn packed in.
Here??™s a typical Spry table with three data columns, each of which is designated to be sortable:
Name |
Location |
Date |
|---|
spry:odd=???oddRow??? spry:even=???evenRow??? spry:hover=???hoverRow???
spry:select=???selectRow???>
608
Adding Advanced Design Features Part III
{name} |
{location} |
{date} |
Dreamweaver uses
tags for the header row.
Pages:
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
|