Select a Database and a Table to view in this demo of HTMGRD.
 Select the Database from the Database ComboBox
 Select The Table from the Table Combobox.
 Experiment with various setting for HTMGRD.
Tip
To prevent a column from appearing in a HTML table:
Reduce its width in HTMGrd down to the minimum. (drag the right-hand vertical boundary in the top, fixed row towards the left hand boundary.)
Tip
To force a html table break when the month changes: 
Use HTMLBreak property. For example, if you have a date field called Inv_Date, then:
HTMLBreak:=Inv_date,1,2;(for dates displayed in U.S. style mm/dd/yy)
HTMLBreak:=Inv_date,3,2; (for dates displayed in European style dd/mm/yy)
Tip
To adjust the column properties at run-time using the built in pop-up property editor. 
Simply select the required column, then right-click on the title (top) row of the column.
Tip
You can scale the image fields by: 
Adjusting the default row height (drag the split cursor over the fixed left hand column) and the column width (drag the split cursor over the top fixed row.)
Tip
You can specify the relative column widths of a html table: 
By adjusting the column widths in the HTMGrd component, by dragging boundaries in the fixed top row. Note that your browser may override this setting when table is displayed, since it will try to fit any columns which are too narrow for their contents.
Tip
If you do not want to display memo fields as wrapped text: 
Set the ShowMemoText property to false.
Tip
To quickly view any changes you make whilst composing your table layout for html: 
 Generate the HTML table, into a clean folder.
 open your browser, and load the page.
 Alt-Tab back to your htmgrd project.
 Make any required cahanges
 Alt-Tab back to your browser, and hit F5 (refresh) to view changes.
Tip
You can format a float field to display as currency: 
By setting its DisplayFormat property.
Select the column, and right-click on its title, to open HTMGrd's unique Property Editor.
Set the Displayformat property to something like $0.00 or 0.00 for two digit precision with currency symbol.
Click Apply or Exit.
Tip
You can set the relative column widths in a generated HTML table by: 
Manipulating the column widths in the HTMGrd. Drag the split cursor over the top row to stretch column boundaries at run-time, or set the displaywidth property at design time. Note, though, that browsers will attempt a 'best fit' and may override your settings when the table is displayed. 
Tip
You can hide the Properties panel in this demo by: 
Clicking the 'X' in the top right corner.
Reopen the panel by choosing Settings/Properties on the Main menu.