HTMLDataSet using Internal Table as Data Source

This page demonstrates how to use a HTMLDataSet to load the data from a table located in the current file.

The use HTMLDataSet is similar to that of a XMLDataSet. The data can be loaded from a HTML Element (such as a <table>) located in the same file or in a different file under the same domain.
Optional parameters used with a XMLDataSet to specify sorting, caching, district, loadInterval work in a similar way with the HTMLDataSet.


In this sample the HTMLDataSet is loading its data from the table with the ID "productsTable" located at the bottom of this file. The HTMLDataSet hides the source element (table) when the page loads. To overwrite this behavior, use 'hideDataSourceElement:false' in the optional parameters.
Here's the constructor code for the data set used in the sample. Notice the passing of null instead of a file URL. When the URL is null, the data source is assumed to be on the same page and is automatically hidden.

	var ds1 = new Spry.Data.HTMLDataSet(null, "productsTable");

By default, the cells from the first row are used as headers. However, this can be changed by specifying 'firstRowAsHeaders:false' in the constructor optional parameters.
Also, an optional array with column names can be passed in order to specify your own column names to be used. Use columNames:["FirstCol", "SecondCol"]

Note: The values in the first row of data that are used as headers should not contain spaces or other tags. The tags are removed and the spaces are replaced with underscore (_).
E.g.: The values under the header <strong>product features</strong> will be accessed inside a spry:region with this markup: {product_features}


  • {name}
Description:
{desc}
 
Features: {product_features}

name category descheader desc product features
Adobe Photoshop CS2 Digital Imaging The professional standard in desktop digital imaging Adobe® Photoshop® CS2 software, the professional image-editing standard and leader of the Photoshop digital imaging line, delivers more of what you crave. Groundbreaking creative tools help you achieve extraordinary results. Unprecedented adaptability lets you custom-fit Photoshop to the way you work. And with more efficient editing, processing, and file handling, there's no slowing you down.
  • Revolutionary Vanishing Point
  • Multiple layer control
  • Smart Objects
  • Multi-image digital camera raw file processing
  • Image Warp
Adobe Illustrator CS2 Print Publishing Vector graphics reinvented Adobe® Illustrator® CS2 software gives you new creative freedom that lets you realize your ideas quickly and powerfully. Instantly convert bitmaps to vector artwork and paint more intuitively. Save time with intelligent palettes and optimized workspaces. Plus, tight integration with other software allows you to produce extraordinary graphics for print, video, the web, and mobile devices.
  • Live Trace
  • Live Paint
  • Control palette
  • Custom workspaces
  • Photoshop layer comp support
Adobe InDesign CS2 Print Publishing A new standard in professional layout and design Join the growing ranks of creative professionals discovering new levels of creative freedom and productivity using Adobe® InDesign® CS2 software. Tightly integrated with the Adobe applications you use most, InDesign CS2 delivers faster production workflows and a more fluid creative environment for designing professional layouts with sophisticated graphics and typography.
  • Object styles
  • Adobe Photoshop and Adobe PDF layer support
  • InDesign snippets
  • Adobe InCopy CS2 assignments
  • Save backwards to InDesign CS
Adobe GoLive CS2 Web Publishing Professional, standards-based Web and mobile authoring Adobe® GoLive® CS2 software lets you unlock the power of CSS with intuitive visual tools such as prebuilt CSS objects that you can drag and drop to build sophisticated sites. Jump-start your designs by easily converting Adobe InDesign® layouts into Web pages. Or, design Web and mobile content in an advanced, standards-based coding environment.
  • Enhanced live rendering
  • Simple visual tools to build and edit CSS-based pages
  • Visual CSS authoring for mobile devices
  • Visual SVG-t inspection and authoring for mobile
  • Total site management
Adobe Dreamweaver 8 Web Publishing Dreamweaver 8 is the industry-leading web development tool, enabling users to efficiently design, develop and maintain standards-based websites and applications. With Dreamweaver 8, web developers go from start to finish, creating and maintaining basic websites to advanced applications that support best practices and the latest technologies.
  • Visual authoring with XML data
  • New, unified CSS panel
  • CSS layout visualization
  • Style rendering toolbar
  • CSS rendering improvements
  • Support for WCAG/W3C priority 2 checkpoints
  • Improved WebDAV
  • Background file transfer
  • Zoom
  • Guides
  • Coding toolbar
  • Code collapse
  • Workspace layouts
  • Tabbed documents for the Mac
  • New starter pages
  • Improved site synchronize and check in and check out
  • Compare files
  • Paste special
  • Site relative references
  • Code editing improvements
  • Support for ColdFusion MX 7
  • Support for PHP 5
  • Flash Video
  • Macromedia Web Publishing System notification and event logging
  • Updated reference material from O'Reilly
Adobe Flash 8 Professional Web Publishing Introducing Macromedia's biggest Flash release to date. Flash® Professional 8 is the industry's most advanced authoring environment for creating interactive websites, digital experiences and mobile content. With Flash Professional 8, creative professionals design and author interactive content rich with video, graphics, and animation for truly unique, engaging websites, presentations or mobile content.
  • Filters
  • Blend modes
  • FlashType high-quality font rendering engine
  • Bitmap caching
  • Custom easing control
  • Improved text tool
  • Enhanced stroke properties
  • Advanced gradient control
  • Higher-quality video codec
  • Alpha channel support
  • Advanced video encoding options
  • Stand-alone video encoder
  • Video Encoder plug-in for professional video editing tools
  • Embedded cue points
  • Video import workflow
  • Improved, easily-skinnable video component
  • Script Assist (formerly called Normal Mode)
  • Advanced library
  • Object drawing model
  • Improved panel management
  • Stage pasteboard expansion
  • Undo/redo options
  • SWF Metadata
  • Interactive mobile device emulator
  • Improved actions panel
Adobe Fireworks 8 Web Publishing Fireworks 8 lets you balance maximum image quality with minimum compression size as you create, edit and optimize images for the web with precise control. Create animated rollovers and pop-up menus with Fireworks 8's intuitive visual tools, and utilize round-trip editing capabilities with Dreamweaver 8 and Flash Professional 8 for greater efficiency.
  • Get top-quality design results.
  • Produce highly optimized files that still look great.
  • Slice and export page comps.
  • Create sophisticated web navigation.
Adobe Premiere 2.0 Audio and Video Real-time editing for HD, SD, and DV Make every frame count with Adobe® Premiere® Pro 2.0 software, the essential tool for professional video editing. Capture and edit virtually any format, from DV to uncompressed HD, and output to tape, DVD, and the web. Providing unparalleled integration with other Adobe applications, Adobe Premiere Pro 2.0 sets new standards for efficient digital filmmaking.
  • Multicam editing
  • Accelerated client review and approval
  • DVD authoring from the timeline
  • Native HDV editing
  • Native SD and HD support
  • Enhanced color-correction tools
  • 10-bit and 16-bit color resolution support
  • 32-bit internal color processing
  • GPU-accelerated rendering
  • Adobe Bridge
Adobe After Effects 7.0 Professional Audio and Video The industry standard for motion graphics and visual effects Animate your ideas. Adobe® After Effects® 7.0 software helps you create compelling motion graphics and blockbuster visual effects with efficiency, precision, and infinite variety. Take advantage of unmatched integration with other Adobe software, flexible 2D and 3D compositing, and hundreds of effects and Animation Presets to bring a new dimension to your film, video, DVD, and Macromedia® Flash® productions.
  • Redesigned, unified user interface
  • Graph Editor
  • HDR color support
  • Timesaving Animation and Behavior Presets plus project templates
  • Real-time, high-fidelity OpenGL support
  • Timewarp
  • Adobe Bridge
  • Expanded file format support
  • Unmatched Adobe integration
  • Macromedia® Flash® Video (FLV) export
Adobe After Effects 7.0 Standard Audio and Video The industry standard for motion graphics and visual effects Animate your ideas. Adobe® After Effects® 7.0 software helps you create compelling motion graphics and blockbuster visual effects with efficiency, precision, and infinite variety. Take advantage of unmatched integration with other Adobe software, flexible 2D and 3D compositing, and hundreds of effects and Animation Presets to bring a new dimension to your film, video, DVD, and Macromedia® Flash® productions.
  • Flexible 2D and 3D compositing environment
  • Unrivaled creative text animation tools
  • Powerful animation and keyframing
  • Visual effects plug-ins
  • Vector Paint support
  • Professional output options for film, video, DVD, Macromedia® Flash®, and other streaming media formats for the web
  • Masking tools
Adobe Encore DVD 2.0 Audio and Video The essential tool for DVD creation Create DVDs that reflect your best work. Packed with a rich set of creative tools, Adobe® Encore® DVD 2.0 software helps you create striking DVD titles for film, business, training, events, and more. With unmatched Adobe Photoshop® software integration and a flexible and intelligent workflow, Encore DVD 2.0 is the right choice for easy production of full-featured, menu-driven DVDs.
  • Slideshow Editor
  • Flowchart
  • Updated user interface with workspace panels that dock and group
  • Adobe Bridge
  • Automated chapter menus
  • Chapter Playlists
  • Royalty-free templates and menu art
  • Multiple clips on a timeline
  • XMP metadata support
  • DTS audio support
Adobe Audition 2.0 Audio and Video Integrated audio recording, mixing, editing, and mastering Record, mix, edit, and master digital audio files with powerful tools that bring flexibility and control to your desktop studio. Easily create music, produce radio spots, and restore imperfect recordings. Bring audio and video together using smart integration with Adobe video applications. Get professional results in real time with Adobe® Audition® 2.0 software.
  • Low-latency mixing with unlimited tracks
  • ASIO support
  • Audible scrubbing
  • Analog-modeled Multiband Compressor
  • Recordable parameter automation with external hardware support
  • New tools for mastering
  • New Spectral Frequency Display tools
  • Broader video format support
  • Optimized performance
  • Intuitive user interface
Adobe Studio 8 Web Publishing Studio 8 is the essential software suite used to design, develop and maintain interactive online experiences. With the latest releases of Dreamweaver, Flash Professional, Fireworks, Contribute and FlashPaper, Studio 8 offers web designers and developers a new level of expressiveness, efficiency and simplified workflow to create websites, interactive experiences and mobile content.
  • Get the complete toolset. Studio 8 is the essential suite for start-to-finish design, development and maintenance tools of websites, applications, games, interactive presentations, and mobile content. Studio 8 includes Flash Professional 8, Dreamweaver 8, Fireworks 8, Contribute 3, and FlashPaper 2 all the necessary tools to create code and easily maintain interactive projects.
  • Get more done. Studio 8 speeds the design, development, and maintenance process with integrated round-tripping between Macromedia products, new time-saving features like batch rendering for media assets and batch encoding for video, faster user interface workflows, and boosted integration with third-party products.
  • Pick any platform. Support for Windows and Mac OS X enables development and deployment on any platform. Deliver projects that support the widest range of operating systems, browsers, and server technologies. Develop applications using HTML, XHTML, XML, ColdFusion, ASP, ASP.NET, JSP, or PHP with drag-and-drop visual tools and components, code libraries, and extensive code-editing support.
  • Take advantage of industry-standard workflows and technologies. Studio 8 makes the best practices of web design and development available to everyone, from users working on their first website to those developing advanced web applications. Design and develop with confidence that Studio projects will integrate with and support the latest technologies, platforms, operating systems, and industry standards from CSS and XML to the latest Flash Player 8 client runtime.
  • Bring video to the web. Studio 8 makes integrating video into projects easier than ever. Drag and drop Flash Video in Dreamweaver 8 to quickly incorporate video to websites and applications. The new high-quality video encoder in Flash Professional 8 is integrated (or works standalone) for distributed batch encoding. New run-time support for Alpha channels, embedded cue points in Flash Video files, and the improved, easily-skinnable video playback component will engage more viewers. Going from on-screen to online is effortless using many nonlinear editing systems that export natively to the Flash Video format.
  • Maximize reach. Deliver rich content efficiently and consistently with the Flash standard file format (SWF); its structure (and compact size) is optimized for streaming to web users at all connection speeds. The Macromedia Flash Player, installed on over 98% of desktops globally reaches the widest possible audience. Studio 8 parallels the introduction of Flash Player 8, which now hosts more interactive features, lightweight experiences, better performance, and easy auto-updating for the ultimate viewing experience.
  • Plays well with others. In addition to its integrated workflows across Macromedia products, Studio 8 supports optimized workflows with third-party applications. Import graphical elements, EPS and PDF files from Adobe Photoshop, Illustrator, or Creative Suite. Add content from Microsoft Office products with design accuracy using the improved copy and paste in Dreamweaver or use FlashPaper to convert Microsoft files into PDF or FlashPaper files with one click. Easily work in a family of design and development applications using powerful import/export capabilities.
  • Go mobile. Use Studio 8 to take the web experience farther and create content for millions of mobile handheld devices and phones. Author, test, and preview mobile content using the advanced authoring environment in Flash Professional 8, complete with an interactive emulator for Flash Lite.
  • Join a developer community millions strong. Benefit from extensive Studio 8 product resources including the Studio Development Center, developer certification programs, training and seminars, user forums, and independent community support sites. Enrich your copy of Dreamweaver, Fireworks, and Flash with thousands of free downloadable extensions from the Macromedia Exchange.
Adobe Creative Suite 2 Premium Creative Suite The complete design environment for print, web, and mobile publishing Adobe® Creative Suite 2 Premium software is a unified design environment that combines full new versions of Adobe Photoshop® CS2, Illustrator® CS2, InDesign® CS2, GoLive® CS2, and Acrobat® 7.0 Professional software with new Version Cue® CS2, Adobe Bridge, and Adobe Stock Photos. Delivering the next level of integration in creative software, Adobe Creative Suite 2 enables you to realize your ideas anywhere in print, on the web, or on mobile devices.
  • Image editing with Adobe Photoshop® CS2
  • Drawing and illustration with Adobe Illustrator® CS2
  • Page layout with Adobe InDesign® CS2
  • Web design with Adobe GoLive® CS2
  • Client review and print output with Adobe Acrobat® 7.0 Professional
  • File sharing and versioning with Version Cue CS2
  • File browsing and organizing with Adobe Bridge
  • Royalty-free images with Adobe Stock Photos
Adobe Creative Suite 2 Standard Creative Suite The complete design environment for print, web, and mobile publishing Adobe® Creative Suite 2 Premium software is a unified design environment that combines full new versions of Adobe Photoshop® CS2, Illustrator® CS2, InDesign® CS2, GoLive® CS2, and Acrobat® 7.0 Professional software with new Version Cue® CS2, Adobe Bridge, and Adobe Stock Photos. Delivering the next level of integration in creative software, Adobe Creative Suite 2 enables you to realize your ideas anywhere in print, on the web, or on mobile devices.
  • Image editing with Adobe Photoshop® CS2
  • Drawing and illustration with Adobe Illustrator® CS2
  • Page layout with Adobe InDesign® CS2
  • File sharing and versioning with Version Cue CS2
  • File browsing and organizing with Adobe Bridge
  • Royalty-free images with Adobe Stock Photos
Adobe Creative Suite Production Studio Premium Audio and Video The complete post-production solution Bring new power and efficiency to your film, video, DVD, and web workflows with Adobe® Production Studio Premium software. Part of the Adobe Creative Suite family, this complete audio and video post-production solution combines Adobe After Effects® 7.0 Professional, Adobe Premiere® Pro 2.0, Adobe Photoshop® CS2, Adobe Audition® 2.0, Adobe Encore® DVD 2.0, and Adobe Illustrator® CS2 software with the timesaving workflow features Adobe Dynamic Link and Adobe Bridge.
  • Motion graphics and visual effects with Adobe After Effects 7.0
  • Real-time video editing with Adobe Premiere Pro 2.0
  • Greater control over images in Adobe Photoshop CS2
  • Audio recording, mixing, editing, and mastering with Adobe Audition 2.0 (Premium edition only)
  • Professional DVD production with Adobe Encore DVD 2.0 (Premium edition only)
  • New power for vectors in Adobe Illustrator CS2 (Premium edition only)
  • Eliminate rendering with Adobe Dynamic Link, only in Production Studio
  • Increased productivity from unmatched Adobe integration
  • A unified design environment for higher productivity
  • File browsing and organizing with Adobe Bridge
  • HD video for the highest production standards
  • Broad support for industry standards and formats
  • Macromedia Flash integration
  • Pristine, high-quality color
  • Superior audio production
Adobe Design Bundle Creative Studio Adobe Design Bundle The Adobe® Design Bundle offers the unified design environment of Adobe Creative Suite 2 Premium software with Macromedia® Flash® Professional 8 software, the industry's choice for creating advanced interactive content. Now with one package, you can design, develop, manage, and deliver a consistent experience using industry standards such as Adobe PDF and Macromedia Flash format to millions of people around the world in print, on the web, and on mobile devices.
  • Image editing with Adobe Photoshop® CS2
  • Drawing and illustration with Adobe Illustrator® CS2
  • Page layout with Adobe InDesign® CS2
  • Web design with Adobe GoLive® CS2
  • Client review and print output with Adobe Acrobat® 7.0 Professional
  • File sharing and versioning with Version Cue CS2
  • File browsing and organizing with Adobe Bridge
  • Royalty-free images with Adobe Stock Photos
  • Macromedia Flash 8
Adobe Web Bundle Creative Studio Adobe Web Bundle The Adobe® Web Bundle offers Macromedia® Studio 8, the essential solution for web design and development, with the unified design environment of Adobe Creative Suite 2 Premium software. Now with one package, you can design, develop, manage, and maintain rich, interactive experiences for easy delivery to millions of viewers on the web, on mobile devices, and in print using industry standards such as Macromedia Flash® format and Adobe PDF.
  • Image editing with Adobe Photoshop® CS2
  • Drawing and illustration with Adobe Illustrator® CS2
  • Page layout with Adobe InDesign® CS2
  • Web design with Adobe GoLive® CS2
  • Client review and print output with Adobe Acrobat® 7.0 Professional
  • File sharing and versioning with Version Cue CS2
  • File browsing and organizing with Adobe Bridge
  • Royalty-free images with Adobe Stock Photos
  • Get the complete toolset. Studio 8 is the essential suite for start-to-finish design, development and maintenance tools of websites, applications, games, interactive presentations, and mobile content. Studio 8 includes Flash Professional 8, Dreamweaver 8, Fireworks 8, Contribute 3, and FlashPaper 2 all the necessary tools to create code and easily maintain interactive projects.
  • Get more done. Studio 8 speeds the design, development, and maintenance process with integrated round-tripping between Macromedia products, new time-saving features like batch rendering for media assets and batch encoding for video, faster user interface workflows, and boosted integration with third-party products.
  • Pick any platform. Support for Windows and Mac OS X enables development and deployment on any platform. Deliver projects that support the widest range of operating systems, browsers, and server technologies. Develop applications using HTML, XHTML, XML, ColdFusion, ASP, ASP.NET, JSP, or PHP with drag-and-drop visual tools and components, code libraries, and extensive code-editing support.
  • Take advantage of industry-standard workflows and technologies. Studio 8 makes the best practices of web design and development available to everyone, from users working on their first website to those developing advanced web applications. Design and develop with confidence that Studio projects will integrate with and support the latest technologies, platforms, operating systems, and industry standards from CSS and XML to the latest Flash Player 8 client runtime.
  • Bring video to the web. Studio 8 makes integrating video into projects easier than ever. Drag and drop Flash Video in Dreamweaver 8 to quickly incorporate video to websites and applications. The new high-quality video encoder in Flash Professional 8 is integrated (or works standalone) for distributed batch encoding. New run-time support for Alpha channels, embedded cue points in Flash Video files, and the improved, easily-skinnable video playback component will engage more viewers. Going from on-screen to online is effortless using many nonlinear editing systems that export natively to the Flash Video format.
  • Maximize reach. Deliver rich content efficiently and consistently with the Flash standard file format (SWF); its structure (and compact size) is optimized for streaming to web users at all connection speeds. The Macromedia Flash Player, installed on over 98% of desktops globally reaches the widest possible audience. Studio 8 parallels the introduction of Flash Player 8, which now hosts more interactive features, lightweight experiences, better performance, and easy auto-updating for the ultimate viewing experience.
  • Plays well with others. In addition to its integrated workflows across Macromedia products, Studio 8 supports optimized workflows with third-party applications. Import graphical elements, EPS and PDF files from Adobe Photoshop, Illustrator, or Creative Suite. Add content from Microsoft Office products with design accuracy using the improved copy and paste in Dreamweaver or use FlashPaper to convert Microsoft files into PDF or FlashPaper files with one click. Easily work in a family of design and development applications using powerful import/export capabilities.
  • Go mobile. Use Studio 8 to take the web experience farther and create content for millions of mobile handheld devices and phones. Author, test, and preview mobile content using the advanced authoring environment in Flash Professional 8, complete with an interactive emulator for Flash Lite.
  • Join a developer community millions strong. Benefit from extensive Studio 8 product resources including the Studio Development Center, developer certification programs, training and seminars, user forums, and independent community support sites. Enrich your copy of Dreamweaver, Fireworks, and Flash with thousands of free downloadable extensions from the Macromedia Exchange.
Adobe Video Bundle Audio and Video Adobe Video Bundle The Adobe® Video Bundle brings together Adobe Production Studio Premium software, the complete audio and video post-production solution for film, video, and DVD, with Macromedia® Flash® Professional 8 software, the industry's choice for authoring rich interactive content for the web. Now with one value-priced package, you can design, develop, and produce professional results for film, video, and DVD, plus easily incorporate interactive video for rich online experiences.
  • Motion graphics and visual effects with Adobe After Effects 7.0
  • Real-time video editing with Adobe Premiere Pro 2.0
  • Greater control over images in Adobe Photoshop CS2
  • Audio recording, mixing, editing, and mastering with Adobe Audition 2.0 (Premium edition only)
  • Professional DVD production with Adobe Encore DVD 2.0 (Premium edition only)
  • New power for vectors in Adobe Illustrator CS2 (Premium edition only)
  • Eliminate rendering with Adobe Dynamic Link, only in Production Studio
  • Increased productivity from unmatched Adobe integration
  • A unified design environment for higher productivity
  • File browsing and organizing with Adobe Bridge
  • HD video for the highest production standards
  • Broad support for industry standards and formats
  • Macromedia Flash integration
  • Pristine, high-quality color
  • Superior audio production
  • Macromedia Flash Professional 8
Adobe Acrobat Professional Acrobat Family Collect, produce, and share Intelligent Documents Adobe® Acrobat® 7.0 Professional software is the advanced way to create, control, and deliver more secure, high-quality Adobe PDF documents. Assemble electronic or paper files even Web sites, engineering drawings, and e-mail into reliable PDF documents that are easy to share with others using free Adobe Reader® 7.0 software.
  • Enjoy improved performance
  • Extend commenting capabilities
  • Easily design Adobe PDF forms
  • Enjoy improved attachment capabilities
Adobe Acrobat Standard Acrobat Family Transform PDF files into Intelligent Documents Adobe® Acrobat® 7.0 Standard software is the simple way to create and share more secure and reliable Adobe PDF documents. Generate Adobe PDF files that accurately represent the original document, and take advantage of robust tools for sharing information and commenting on electronic files.
  • Create Adobe PDF documents from Microsoft Outlook
  • Enjoy improved performance
  • Use enhanced headers, footers, and watermarks
  • Enjoy improved attachment capabilities
  • Organize Adobe PDF documents